LinkshadcncraftSammlung
Das Template schließt die Lücke zwischen UI-Design in Figma und React-Implementierung. Zudem zeigt die Bereitstellung von Design- und Komponentenrichtlinien über das Model Context Protocol (MCP), wie Entwicklungsteams KI-Coding-Assistenten gezielt mit kontextbezogenen Styleguides füttern können.
shadcncraft kombiniert etablierte Webstandards (Next.js, React, shadcn/ui) mit praxistauglichen B2B-Ansichten. Anstatt rein statische Mockups anzubieten, erlaubt die modulare Blockstruktur eine flexible Integration in bestehende Applikationen. Bemerkenswert ist die Einbindung von MCP-gestützten Regeln, die KI-Systemen klare Richtlinien zur Code- und UI-Generierung im Einklang mit dem Design System liefern.
Zusammenfassung von KI erstellt (Gemini 3.8 Flash, 27. September 2026). Sie kann Fehler enthalten – maßgeblich ist die Originalquelle.
Inhaltlich ähnlich, ermittelt über die KI-Suche.
X-Post:shadcncraft
shadcncraft hat ein Anwendungs-Template für Next.js und shadcn/ui vorgestellt, das sieben Seiten und 23 wiederverwendbare UI-Blöcke umfasst. Alle Komponenten sind 1:1 auf entsprechende Figma-Designs abgestimmt.
26Lesezeichen879Aufrufe
Link:Ajay Patel, Anand Patel
Shadcn Studio stellt vorgefertigte UI-Komponenten, Blöcke und Vorlagen für shadcn/ui bereit, die sowohl Radix UI als auch Base UI unterstützen. Neben Copy-Paste-Code und CLI-Installation bietet die Plattform KI-Werkzeuge wie einen MCP-Server, Theme-Generierung und ein Figma-Plugin.
Link:Beste
Beste UI bietet über 2.000 vorgefertigte Blöcke, Teilstücke und Komponenten für Tailwind CSS und shadcn/ui in React- und Next.js-Projekten. Der Code wird ohne Laufzeitabhängigkeiten direkt ins Projekt kopiert und lässt sich über das Model Context Protocol (MCP) nahtlos von KI-Coding-Agenten integrieren.
Link:21st Labs, Inc.
21st.dev ist ein Marktplatz und Verzeichnis mit über 12.000 React-Komponenten, Vorlagen und Themes. Die UI-Elemente basieren auf Tailwind CSS sowie shadcn/ui-Konventionen und lassen sich über vorbereitete Prompts direkt in AI-Tools wie Claude Code, Lovable oder Cursor einbinden.
X-Post:Marcel
Marcel (@marcelkargul) präsentiert ein CRM-Dashboard in Next.js, das innerhalb von rund zwei Tagen umgesetzt wurde. Das Design entstand zuvor manuell in Figma, während die technische Implementierung mithilfe von Claude Fable 5.1 und zwei Agent-Skills erfolgte.
7889Lesezeichen731.424Aufrufe
Repository:shadcn-ui/chatbot-template
Das offizielle Chatbot-Template von shadcn/ui bietet eine schlanke Referenzimplementierung für moderne KI-Chat-Oberflächen. Es basiert auf Next.js, dem Vercel AI SDK sowie UI-Komponenten aus dem shadcn-Ökosystem und bindet Modelle über das Vercel AI Gateway an.
910SterneTypeScript
Dieser Inhalt wurde teilweise mithilfe von KI erstellt.
