21st (21st.dev) ist eine Plattform für Web-Entwickler, die vorgefertigte UI-Komponenten, Themes und Templates in einem Marktplatz bündelt und zusätzlich UI per KI generieren kann. Neben Komponenten für React bietet es rund 29.000 nach Bedeutung durchsuchbare Icons sowie Shader, Verläufe und ASCII-Grafiken. Komponenten lassen sich per MCP-Server oder CLI direkt in den eigenen Code holen.

21st arbeitet mit drei Plänen, jeweils günstiger bei jährlicher Zahlung. Der Builder-Plan für Einzelpersonen kostet 6 US$ pro Monat (jährlich abgerechnet) und enthält den vollen Marktplatz. Builder + AI liegt bei 15 US$ pro Monat und ergänzt KI-Generierung mit mehreren Modellen sowie 500 bis 2.000 Credits im Monat. Der Team-Plan startet bei 7,50 US$ pro Sitzplatz und Monat für 2 bis 50 Plätze.

Eine dauerhaft nutzbare Vollversion ohne Kosten bewirbt der Anbieter nicht offen; das Modell ist auf die kostenpflichtigen Pläne ausgelegt. Wer nur gelegentlich einzelne Komponenten braucht, sollte prüfen, ob der Builder-Plan zu 6 US$ im Monat ausreicht, bevor er die teurere KI-Variante wählt. Zusätzliche KI-Credits gibt es bei Bedarf für 5 US$ je 100 Stück, wobei ungenutzte Credits in den Folgemonat übertragen werden.

21st tritt als reguläres Software-Angebot mit transparenter Preisstruktur und klaren Vertragsbedingungen auf. Als Referenz nennt der Anbieter Entwickler bei bekannten Firmen wie Meta, Vercel, JetBrains, Atlassian und PayPal, was für eine gewisse Verbreitung in der Branche spricht. Eine unabhängige, verifizierte Bewertungszahl liegt uns nicht vor, weshalb wir die Seriosität qualitativ und nicht über eine erfundene Sternezahl einordnen.

Nach Angaben des Anbieters lässt sich das Abo jederzeit kündigen; die Verwaltung läuft üblicherweise über die Konto- oder Abo-Einstellungen im eingeloggten Bereich. Wichtig: Die Pläne verlängern sich als Laufzeit-Abos automatisch, daher solltest du rechtzeitig vor dem nächsten Abrechnungszeitraum kündigen. Bereits geleistete Zahlungen sind laut den Bedingungen nicht erstattungsfähig.

Kern ist ein Marktplatz mit installierbaren Komponenten, verifizierten Templates und einer nach Bedeutung durchsuchbaren Icon-Bibliothek. Über MCP und CLI holst du Komponenten-Code direkt in dein Projekt, ohne die Oberfläche zu verlassen. Die KI-Ebene erlaubt es zudem, Oberflächen mit mehreren Modellen zu entwerfen, Varianten zu vergleichen und im Code-Modus mit einer Live-Sandbox weiterzuentwickeln.

Für die Software spricht die enge Einbindung in den Entwickler-Workflow über MCP und CLI, die große Icon- und Komponentenauswahl sowie die Kombination aus Marktplatz und KI-Generierung. Auf der anderen Seite richtet es sich klar an Entwickler mit React-Kenntnissen und ist für Laien wenig geeignet. Die Preise und Credits sind in US-Dollar ausgewiesen, und einzelne Templates von Drittautoren werden separat berechnet.

Oberfläche und Dokumentation von 21st sind auf Englisch gehalten, eine offizielle deutsche Version ist nicht ausgewiesen. Da sich das Tool an ein internationales Entwicklerpublikum richtet, sind Grundkenntnisse in Englisch für die Bedienung praktisch Voraussetzung. Der generierte Code selbst ist sprachneutral und lässt sich problemlos in deutschsprachige Projekte einbauen.

Als Alternative kommen etablierte Komponenten-Bibliotheken und UI-Kits wie shadcn/ui, Material UI oder Chakra UI infrage, wenn du vor allem fertige Bausteine suchst. Für die KI-gestützte Generierung von Oberflächen sind Werkzeuge wie v0 oder Lovable vergleichbar. Welche Option passt, hängt davon ab, ob dir der Marktplatz, die KI-Funktionen oder die reine Bibliothek am wichtigsten sind.