shadcn.io: Der beste Ort, um neue blocks für shadcn/ui zu finden

Wenn du mit shadcn/ui baust, kennst du die Magie bereits: Der Code gehört dir. Da ist keine Blackbox-Abhängigkeit, gegen die man ankämpfen müsste, du kopierst eine Komponente hinein, und sie ist deine, um sie zu formen.

Aber Komponenten sind die kleinen Teile. Ein Button, ein Input, eine Card. Der eigentliche Zeitfresser ist es, diese Teile zu blocks zusammenzusetzen: einer Preissektion, dem Grundgerüst eines Dashboards, einem Auth-Screen, einem Feature-Grid. Genau dort passiert der Großteil der Arbeit (und der Großteil des Copy-and-paste aus alten Projekten).

Genau diese Lücke füllt shadcn.io, und deshalb ist es zu unserer ersten Wahl geworden.

Was ist shadcn.io?

shadcn.io ist eine große, aktiv wachsende Registry von blocks, aufgebaut auf shadcn/ui: vollständige, bereits komponierte Sektionen, die du in eine Seite fallen lassen und veröffentlichen kannst. Keine Primitives, sondern die Layouts, an deren Verdrahtung du sonst einen ganzen Nachmittag sitzen würdest.

Jeder block folgt derselben Philosophie wie shadcn/ui selbst: Es ist schlichter Code, der dir gehört, gestylt mit Tailwind, ohne Runtime-Bindung. Du installierst ihn, und er wird Teil deiner Codebase.

Warum es der beste Ort ist, um neue blocks zu finden

Ein paar Dinge heben es ab:

• Die Breite. Marketing-Sektionen, Dashboards, Tabellen, Auth-Flows, Preise, Testimonials: Der Katalog deckt die Seiten ab, die echte Produkte wirklich brauchen, nicht bloß eine Handvoll Demos.
• Es ist frisch. Regelmäßig kommen neue blocks dazu, sodass du mit aktuellen Mustern baust statt mit etwas, das zuletzt vor einem Jahr angefasst wurde.
• Copy-and-paste, nicht installieren-und-beten. Weil blocks aus shadcn/ui-Primitives komponiert sind, lesen sie sich wie Code, den du selbst geschrieben hättest: leicht anzupassen, leicht zu thematisieren.
• Es harmoniert mit der Registry. Blocks fügen sich in denselben shadcn-Workflow ein, den du bereits nutzt, es gibt also nichts Neues zu lernen.

Wie wir es nutzen

Unser Ablauf ist einfach: eine Seite mit einem shadcn.io-block starten, der zu 80 % fertig ist, und dann die restlichen 20 % an die Marke anpassen. Weil der Code dir gehört, sind diese letzten 20 % eine Kleinigkeit: die Tokens tauschen, die Abstände justieren, fertig. So wird aus „eine Preisseite gestalten“ aus einem Tag eine Stunde.

Neobrutalism ♥ shadcn.io

Wir sind stolz auf die Partnerschaft mit shadcn.io. Wenn du Neobrutalisms neobrutalistische Lesart von shadcn/ui liebst, wirst du dich in ihrer block-Bibliothek wie zu Hause fühlen: dasselbe Eigentumsmodell für den Code, dasselbe Tailwind-Fundament, deutlich mehr abgedecktes Terrain.

Stöber durch die Sammlung auf shadcn.io und sieh, wie schnell eine Seite zusammenkommt, wenn die blocks bereits fertig sind.