beUI: Animierte React-Komponenten für Tailwind CSS 4 und React 19

LinkSaurabhTool

beUI ist eine quelloffene Komponentenbibliothek für React und Next.js, die auf Motion (Framer Motion) und Tailwind CSS 4 basiert und über die shadcn-CLI verteilt wird.

Das Wichtigste

  1. Umfasst 113 animierte Komponenten, die für React 19 und Tailwind CSS 4 optimiert sind.
  2. Verteilung im Copy-Paste-Verfahren über die shadcn-Registry (z. B. via bunx, npm, pnpm oder yarn).
  3. Basiert auf Framer Motion und enthält Primitives wie Dynamic Island, Morphing Modal, OTP Input oder Theme Toggle mit View Transition API.
  4. Kostenlos, vollständig anpassbar und unter der MIT-Lizenz veröffentlicht.

Warum das relevant ist

Entwicklerteams suchen oft nach vorgefertigten, hochgradig interaktiven UI-Elementen mit flüssigen Animationen, ohne schwere Bibliotheken fest einbinden zu müssen. Die Anbindung an shadcn ermöglicht es, modernen Interaktionscode direkt in das eigene Projekt zu kopieren und flexibel anzupassen.

Einordnung

beUI setzt auf den bewährten Distributionsansatz von shadcn: Statt eines monolithischen npm-Pakets lädt der CLI-Befehl isolierten Quellcode direkt in die Codebasis. Mit der Ausrichtung auf React 19 und Tailwind 4 demonstriert das Projekt, wie moderne Web-APIs (wie die View Transition API) und Motion-Primitive nahtlos in aktuelle Frontend-Stacks integriert werden können.

Gefunden in

Zusammenfassung von KI erstellt (Gemini 3.8 Flash, 27. September 2026). Sie kann Fehler enthalten – maßgeblich ist die Originalquelle.

Inhaltlich ähnlich, ermittelt über die KI-Suche.

  • Link:Swami Malode

    Rare UI: Sammlung animierter React-Komponenten

    Rare UI ist eine kostenlose Open-Source-Bibliothek mit über 18 animierten React-Komponenten, die sich über die shadcn CLI installieren lassen.

    Webentwicklung· Tool

  • X-Post:Urvish

    useLayouts: Kostenlose animierte React-Komponenten

    Entwickler Urvish stellt useLayouts vor, eine Sammlung kostenloser und anpassbarer React-Komponenten mit Fokus auf Interaktion und Animation.

    343Lesezeichen17.626Aufrufe

    Webentwicklung· Tool

  • X-Post:Houdayfa

    UIArc: Animierte React-Komponenten für shadcn und Next.js

    Houdayfa stellt die von Elia Kuratli entwickelte Komponentenbibliothek UIArc vor. Die Bibliothek bietet 149 React-Komponenten und 87 UI-Blöcke mit integrierten Animationen, die für Next.js und das shadcn-Ökosystem optimiert sind.

    869Lesezeichen33.992Aufrufe

    Webentwicklung· Tool

  • Link:Mannupaaji

    Aceternity UI: React-Komponentenbibliothek mit Tailwind und Framer Motion

    Aceternity UI von Entwickler Mannupaaji bietet über 200 vorgefertigte React-Komponenten, Blöcke und Vorlagen für Landingpages. Die Bibliothek setzt auf Tailwind CSS sowie Motion und bietet neben einem Copy-and-Paste-Ansatz auch Integrationen über einen MCP-Server für KI-Agenten.

    KI & AI· Tool

  • X-Post:Elia

    Arc UI: Animierte React-Komponenten für shadcn und Next.js

    Elia präsentiert eine flüssig animierte Share-Sheet-Komponente aus Arc UI, einer Komponentenbibliothek mit 153 animierten React-Komponenten und 89 UI-Blöcken für Next.js und das shadcn-Ökosystem.

    555Lesezeichen20.517Aufrufe

    Webentwicklung· Tool

  • X-Post:Swami

    Rare UI: Kostenlose animierte React-Komponenten via shadcn CLI

    Swami Malode stellt Rare UI vor, eine kostenlose Open-Source-Sammlung von animierten React-Komponenten. Die Komponenten lassen sich direkt über das shadcn CLI in Projekte einbinden.

    3963Lesezeichen352.118Aufrufe

    Webentwicklung· Tool

Sprechen wir über Ihr Projekt.

Standorte

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Wien
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Ein Teil von diesem Inhalt wurde mit KI gemacht.