Einführung von shadcn/create – Erstellen Sie Ihr eigenes shadcn/ui Passen Sie alles an. Wählen Sie Ihre Komponentenbibliothek, Icons, Grundfarbe, Thema, Schriftarten und erstellen Sie etwas, das nicht wie alles andere aussieht. Jetzt verfügbar für Next.js, Vite, TanStack Start und v0.

Von dem allerersten Commit an war das Ziel von shadcn/ui, Ihnen solide Standards zu bieten: Abstände, Farb-Tokens, Animationen, Barrierefreiheit, und Ihnen zu ermöglichen, von dort aus weiterzumachen. Passen Sie den Code an. Fügen Sie neue Komponenten hinzu. Ändern Sie die Farben. Wir machen das mit npx shadcn create noch einfacher.

Beginnen Sie mit einer Komponentenbibliothek: Radix oder Base UI. Wir haben jede Komponente für Base UI neu aufgebaut und dabei die gleiche Abstraktion beibehalten. Sie sind vollständig kompatibel mit Ihren bestehenden Komponenten, selbst mit denen, die aus entfernten Registrierungen abgerufen wurden. Wenn Sie Komponenten hinzufügen, erkennen wir automatisch Ihre Bibliothek und wenden die richtigen Transformationen an.

Wir fügen auch 5 neue visuelle Stile hinzu, die Ihnen helfen sollen, etwas Einzigartiges zu schaffen. 1. Vega – Der klassische shadcn/ui-Look. 2. Nova – Reduzierter Abstand für kompakte Layouts. 3. Maia – Sanft und abgerundet, mit großzügigem Abstand. 4. Lyra – Kastenförmig und scharf. Passt gut zu Monoschriftarten. 5. Mira – Kompakt. Für dichte Benutzeroberflächen gemacht.

Das geht über das Thema hinaus. Ihre Konfiguration ändert nicht nur die Farben, sie schreibt den Komponenten-Code um, um zu Ihrer Einrichtung zu passen. Schriftarten, Abstände, Struktur, sogar die Bibliotheken, die Sie verwenden, alles passt sich Ihren Vorlieben an. Die neue CLI kümmert sich um alles.

Gib es eine Chance. Klicke auf +Neues Projekt auf Ein besonderer Dank geht an das @base_ui-Team für den Aufbau einer unglaublichen Komponentenbibliothek. Ihre Arbeit hat es einfach gemacht, alles zu bauen, ohne die Abstraktion zu brechen. Riesig.