Kernfunktionen
ShadcnSpace hostet insgesamt mehr als 457 Blöcke, über 456 Komponenten, 12 Vorlagen und 28 vorgefertigte Standardeiten nach aktuellem Stand vom 22. September. Alle Elemente entsprechen Produktionsqualitätsstandards, folgen den Regeln der WCAG 2.2 Barrierefreiheit und funktionieren einwandfrei in React- und Next.js-Stacks mit TypeScript, Tailwind CSS in Kombination mit CVA und den standardmäßigen shadcn/ui-Mustern.
Alle Ressourcen unterstützen sowohl Radix UI als auch Base UI UI-Primitive. Entwickler können so ihre bevorzugte Grundlage für barrierefreie Elemente mit robuster Verarbeitung von Randfällen auswählen. Optionale animierte Varianten sind mit Framer Motion erstellt, um Interaktionsrückmeldungen hinzuzufügen, ohne die Barrierefreiheit oder Wartbarkeit zu beeinträchtigen.
Verfügbare Inhaltstypen
Blöcke
Blöcke sind vollständig vorgefertigte UI-Abschnitte, die in Kategorien gegliedert sind:
Marketing-Blöcke: Hero-Bereiche, Preisübersichten, Portfolio-Bereiche, Funktionsübersichten, Navigationsleisten, Referenzbereiche, Fußzeilen, Newsletter, Anmeldebereiche und Vergleichsblöcke
Dashboard-UI-Blöcke: KI-Betriebs-Shells, Dashboard-Shells, Diagrammkomponenten, Widgets, Seitenleisten, Dialoge, Datentabellen und KI-Chat-Blöcke
E-Commerce-Blöcke: Checkout-Abläufe, Gutscheinkomponenten, Produktlisten, Produktvergleiche und Produktübersichtsbereiche
Komponenten
Die Komponentenbibliothek umfasst über 450 einzelne UI-Elemente, darunter Akkordeons, Avatare, Laufschriften, animierte Listen, Schaltflächen, Abzeichen, Kalender, Karusselle und Formularelemente. Alle Komponenten sind kombinierbar und folgen einer vorhersehbaren Struktur, sodass sie problemlos in bestehenden Projekten angepasst werden können.
Vorlagen
Vollständig anpassbare und sofort nutzbare Shadcn UI-Vorlagen stehen für reale Anwendungsfälle zur Verfügung, darunter SaaS-Produktseiten, SaaS-Landingpages sowie Agentur- und Portfolioseiten. Alle Pro-Vorlagen verwenden konsistente Layouts und wiederverwendbare Muster, die direkt auf dem Basiskomponentensystem aufbauen.
Figma UI Kit
Das mitgelieferte Figma-Design-System umfasst mehr als 100 Shadcn UI-Komponenten, die mit den Code-Ressourcen übereinstimmen. Dadurch funktioniert die Übergabe zwischen Design- und Entwicklungsteams reibungslos, da konsistente UI-Muster in beiden Arbeitsabläufen verwendet werden.
Unterstützte Arbeitsabläufe
Nutzung per Kopieren und Einfügen
Jeder Block, jede Komponente und jede Vorlage kann direkt in ein bestehendes React-Projekt kopiert werden, ohne weitere Konfiguration. UI-Abschnitte lassen sich so sofort hinzufügen.
CLI-Arbeitsablauf
Die ShadcnSpace CLI ermöglicht die Installation und Verwaltung von Komponenten, Blöcken und Vorlagen direkt über das Terminal. Sie fügt sich sauber in bestehende shadcn/ui-Einrichtungen und moderne Frontend-Projektstrukturen ein.
MCP-Server-Integration
Der aktive MCP-Server stellt eine Verbindung zur Entwicklungsumgebung her. Sie können Komponenten und Layouts damit direkt in der IDE generieren und durchsuchen. Der manuelle Aufwand für Kopieren und Einfügen während der Prototyperstellung wird dadurch reduziert.
Kostenlose und Pro-Lizenzierung
Alle quelloffenen ShadcnSpace-Ressourcen verwenden die MIT-Lizenz. Sie können daher in jedem kommerziellen Projekt ohne Bedenken eingesetzt werden. Die kostenlose Stufe gewährt vollen Zugriff auf eine große Sammlung quelloffener Blöcke, Komponenten und Basisvorlagen. Die Pro-Stufe ergänzt exklusive Premium-Vorlagen, erweiterte Dashboard-Layouts, das vollständige Pro-Figma-Kit und lebenslange Updates. Es gibt keine wiederkehrenden Lizenzbeschränkungen für die Nutzung in kommerziellen Anwendungen. Alle Pro-Ressourcen sind mit dem CLI-Arbeitsablauf kompatibel.
Kommentare