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.

Erwähnte Links

Gefunden in

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

Ähnliche Einträge

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

  • 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: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

  • Link:Bidyut Kundu

    Opensource UI: Kostenlose React- und Next.js-Komponenten zum Kopieren

    Opensource UI bietet eine wachsende Sammlung quelloffener Komponenten für React und Next.js, die direkt per Copy-and-Paste in eigene Projekte übernommen werden können. Neben Standardelementen wie Buttons oder Formularen umfasst die Bibliothek detaillierte Mockups für Mobilgeräte, Apple Watches, Retro-Hardware und Browserfenster.

    Webentwicklung· Sammlung

  • X-Post:Arihant Jain

    Spectrum UI: Open-Source-Komponentenbibliothek für React mit MCP-Support

    Arihant Jain hat Spectrum UI vorgestellt, eine quelloffene Komponenten- und Block-Bibliothek auf Basis von React, Tailwind CSS und Motion. Die Bibliothek umfasst über 250 Bausteine und integriert einen MCP-Server, damit KI-Assistenten wie Cursor oder Claude Komponenten direkt im Projekt installieren können.

    183Lesezeichen6871Aufrufe

    KI & AI· Ankündigung

Zurück zur Wissensbasis

Lassen Sie uns über Ihr Projekt sprechen

Kontakt aufnehmen

Standorte

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

Dieser Inhalt wurde teilweise mithilfe von KI erstellt.