Einführung

goodui ist eine Bibliothek mit Anwendungsscreens für shadcn/ui: Scheduling und Buchung, Dashboards, Tabellen, Abrechnung, Auth, Onboarding, Benachrichtigungen und KI. Sie umfasst 150 Blöcke in 13 Kategorien, 39 davon kostenlos.

So funktioniert es

• Blöcke werden mit der shadcn CLI installiert. Der Quellcode landet in components/goodui/ und gehört dir.
• Blöcke nutzen dein eigenes components/ui, dein Theme, dein Radius und deine Schriften greifen also.
• Sie laufen mit beiden shadcn-Varianten (Radix und Base UI), Tailwind v4 und React 19.
• Jeder Block kommt mit realistischen Demo-Daten und beherrscht seine Zustände: leer, Laden, Fehler, Rückgängig.
• Ein Backend ist nicht enthalten. Ersetze die Demo-Daten durch deine API, Supabase, Prisma oder was auch immer du nutzt.

Schriften

Das Kit bringt seine eigene Schrift mit: goodui Sans für Text und goodui Display für Überschriften, als variable WOFF2- und statische TTF-Dateien für React Native. Beide stammen von Figtree ab und stehen unter der SIL Open Font License 1.1, du kannst sie also in jedem Projekt nutzen, mit oder ohne goodui. Schriftmuster, Download und das next/font-Setup: Schriften.

Kostenlos und Pro

Kostenlose Blöcke sind MIT und kommen aus der öffentlichen Registry. Pro-Blöcke kommen mit deinem Lizenzschlüssel aus einer privaten Registry. Siehe Pro-Zugang.