Entwicklung

21st.dev ist eine Registry, die von der Community geteilte UI-Komponenten, Vorlagen und Themes auf Basis von React, Tailwind CSS und shadcn sammelt. Du kannst über 12.000 Komponenten live in der Vorschau ansehen und per shadcn CLI mit einem einzigen Befehl in dein Projekt einfügen; der Code landet direkt in deinem Repository und du bearbeitest ihn nach Belieben. Sie lässt sich auch mit KI-Tools wie Cursor, Claude Code, v0 und Lovable nutzen. Das Stöbern ist kostenlos, pro Tag gibt es 2 kostenlose Komponentenkopien; unbegrenzte Kopien und Premium-Vorlagen werden mit einer Mitgliedschaft freigeschaltet.

Moderne UI-Komponentenbibliothek mit Animationen. Beeindruckende Komponenten auf Basis von React und Tailwind CSS, angetrieben von Framer Motion.

Günstiger Cloud-Speicher und Backup-Dienst. Ergänze deine Apps mit dem S3-kompatiblen B2 Cloud Storage um Objektspeicher.

Animierte, moderne UI-Komponentenbibliothek. Auffällige Interface-Elemente auf Basis von React und Tailwind CSS.

Better Auth ist ein umfassendes quelloffenes TypeScript-Authentifizierungs-Framework mit Zugangsdaten, Social Login, Multi-Tenancy, SSO/SAML und über 50 Plugin-basierten Methoden.

Open-Source-Bibliothek mit über 60 kostenlosen shadcn/ui-Blöcken. Per Copy-and-paste in React-, Tailwind- und Next.js-Projekte einbinden.

Baue komplette Apps mit KI direkt im Browser

Clerk ist eine Plattform für Authentifizierung und Benutzerverwaltung mit fertigen UI-Komponenten, Multi-Tenancy und Abrechnung von Abonnements. Für die ersten 50.000 monatlich aktiven Nutzer ist sie kostenlos.

Context.dev ist eine API für Web-Scraping und Datenextraktion, die KI-Agenten und Entwicklern strukturierte Webinhalte liefert, ohne dass eine eigene Infrastruktur nötig ist.

Convex ist eine reaktive TypeScript-Backend-Plattform mit Datenbank, Funktionen, Workflows, Echtzeit-Synchronisation, Suche und Dateispeicher, konzipiert für KI-Agenten und Apps.

Open-Source-Plattform für Self-Hosting. Als Alternative zu Heroku und Netlify deployst du deine Apps mit einem Klick.

Open-Source-Galerie mit Hunderten CSS-Button-Designs. Kopiere animierte Buttons mit Hover-Effekt und moderne Stile direkt in dein Projekt.

KI-gestützter Code-Editor, der Schreiben, Bearbeiten und Debuggen von Code mit KI beschleunigt.

Plattform, die externe Assets automatisch auf Sicherheitslücken scannt und verwaltet. Schwachstellenscans, Risikobewertung und Reporting in einem Dashboard.

Fertige Next.js-Vorlage für Verzeichnis-Websites. Mit integriertem Bezahlsystem, SEO und KI-Content-Erstellung; einmal kaufen, unbegrenzt Projekte starten.

Generator für Easing-Funktionen für CSS- und JavaScript-Animationen. Bearbeite Bézier-Kurven visuell und perfektioniere deine Übergänge.

Bibliothek mit animierten Diagramm-Komponenten auf Basis von Tailwind CSS und React. Auf shadcn/recharts aufgebaut, leicht anpassbar.

Visuelles Tool, das komplexe CSS-border-radius-Werte erzeugt. Gestalte mit 8 Kontrollpunkten organische, interessante Formen.

Die weltweit größte Plattform für Code-Hosting und Versionskontrolle; unverzichtbar für Open-Source-Projekte und Teamarbeit.

KI-Code-Vervollständigung

Workflows für Entscheidungslogik erstellen

Fortgeschrittener CSS-Gradient-Generator von Josh W. Comeau. Steuere Farbverläufe im HSL-Farbraum für natürlichere Ergebnisse.

Tool zur Analyse der Website-Performance. Liefert Ladezeit, Core Web Vitals und Optimierungsempfehlungen.

HeroUI ist eine UI-Komponentenbibliothek für React und Native, die sich als Alternative zu Material-UI und Chakra UI positioniert.

E-Mail-Infrastruktur für Entwickler. Versende Transaktions-E-Mails, verarbeite eingehende Mails und baue mit dem TypeScript-SDK KI-E-Mail-Agenten.

Open-Source-Framework, um iOS-, Android- und Web-Apps mit einer einzigen Codebasis zu entwickeln. Unterstützt Angular, React und Vue.

Moderne UI-Komponentenbibliothek auf Basis von Tailwind CSS und React. Per Copy-and-paste sofort in dein Projekt integrierbar.

Fertige Layout-Komponenten für React-Projekte. Entwickle Oberflächen schnell mit Vorlagen für Grid, Sidebar, Dashboard und Seitenlayouts.

Premium-Website-Themes auf Basis von Astro und Tailwind CSS. Professionelle Vorlagen für SaaS, Blog, Portfolio und E-Commerce.

Dienst für den Zugriff auf Firmenlogos per API. Frage Logos über den Domainnamen ab und füge Markenlogos in deine Apps ein.

UI-Bibliothek mit über 50 animierten Komponenten für React. Auf Framer Motion aufgebaut, ideal für Landingpages und Marketing-Seiten.

API zur E-Mail-Validierung. Erkennt ungültige, Spam- und Wegwerf-E-Mail-Adressen und hält deine Listen sauber.

Moderne Headless-CMS-Plattform. Flexible Content-Infrastruktur für deine Webprojekte mit Content-Management, API-Zugriff und Mehrsprachigkeit.

Chrome-Erweiterung, die CSS, Farben, Fonts und SVGs von Websites inspiziert. Extrahiere und exportiere Design-Details jeder beliebigen Seite.

Leistungsstarke Animationsbibliothek fürs Web (früher Framer Motion). Erstelle flüssige, performante Animationen in React- und Vanilla-JS-Projekten.

Kollaborationsplattform für Entwicklerteams. Verwalte Code-Reviews, Fehlerverfolgung und technische Diskussionen an einem Ort.

Neon ist ein serverloses Postgres-Backend von Databricks. Es bietet sofortiges Branching, Skalierung auf null, verwaltetes Better Auth, Data API, Funktionen, Speicher und AI Gateway.

Deployment und Hosting für Websites

OpenRouter ist eine einheitliche API, die über einen einzigen Endpunkt und einen API-Schlüssel Zugriff auf Hunderte große Sprachmodelle vieler Anbieter bietet. Es gibt Pay-as-you-go-Preise und kostenlose Modellvarianten.

Apps aus einem Prompt erstellen und deployen

Sammlung schöner und funktionaler UI-Komponenten auf Basis von Tailwind CSS. Fertige Designs für Input, Button, Card und mehr.

Fertige UI-Komponentenbibliothek für moderne Webprojekte. Leicht anpassbare Komponenten auf Basis von Tailwind CSS und React.

Open-Source-Headless-CMS auf TypeScript-Basis. Bietet volle Next.js-Integration, ein starkes Admin-Panel und flexible Inhaltsmodellierung.

Tool, das deine Code-Snippets in schöne Screenshots verwandelt. Gestalte professionelle Posts mit anpassbarem Hintergrund, Schatten und Themes.

Serverless-MySQL-Datenbank

PostHog ist eine Plattform für Produktanalysen, Fehlererfassung, Session Replay und Feature Flags. Sie stellt Produktdaten Teams und KI-Agenten bereit.

Moderne Cloud-Plattform, mit der du Apps, Datenbanken und Dienste einfach deployst.

Der weltweit größte API-Marktplatz. Entdecke, teste und integriere Tausende APIs in deine Projekte und verwalte sie in einem einzigen Dashboard.

Cloudbasierte Entwicklungsumgebung, in der du direkt im Browser Code schreibst, ausführst und teilst.

Resend ist eine E-Mail-API für Entwickler, mit der sich Transaktions- und Marketing-E-Mails in großem Umfang versenden lassen.

No-Code-Plattform für interne Tools. Verbinde Datenbanken, APIs und Workflows visuell und baue interne Apps.

Sammlung fertiger UI-Komponenten nach dem Copy-and-paste-Prinzip. Ermöglicht schnelle Entwicklung für Tailwind-CSS- und React-Projekte.

Plattform, die RSS-Feeds für beliebige Websites erstellt. Verwandle Social-Media-, News- und Blog-Inhalte automatisch in RSS-Feeds.

Dienst, der Screenshots von Websites per API erstellt. Erzeuge automatisch Screenshots mit anpassbarem Viewport, Format und Wartezeiten.

Fertige Block-Vorlagen für Shadcn UI. Vorgestaltete Komponentenblöcke für Hero-, Pricing-, Feature- und weitere Seitenbereiche.

Wiederverwendbare UI-Komponentenbibliothek auf Basis von Radix UI und Tailwind CSS. Funktioniert per Copy-and-paste und lässt sich vollständig anpassen.

Plattform mit fertigen Komponenten-Kits und Vorlagen für Shadcn UI. Enthält vorgestaltete UI-Blöcke, die du schnell in deine Projekte einbauen kannst.

Next.js-SaaS-Boilerplate. Authentifizierung, Zahlungen, SEO und Datenbank sind bereits integriert; bring dein SaaS-Projekt in wenigen Tagen live.

Web-Apps aus einem Text-Prompt erstellen

Sammlung optisch beeindruckender UI-Komponenten. Interface-Elemente in Premiumqualität auf Basis von Tailwind CSS und React.

Open-Source-Alternative zu Firebase mit PostgreSQL-Datenbank, Authentifizierung und Echtzeit-Funktionen.

Paket, das über 30 Web-Entwicklungs-Tools in einer Erweiterung für Chrome und Firefox bündelt. CSS-Inspektor, Farbwähler, Responsive-Test und mehr.

SVG-Design-Tool und Code-Generator. Erstelle SVG-Formen, Icons und Illustrationen im visuellen Editor und exportiere den Code.

Online-Tool, das SVG-Dateien optimiert und konvertiert. Verkleinere, bearbeite und bereite deine SVGs fürs Web vor.

Fertige Website-Templates und Landingpage-Designs auf Basis von Tailwind CSS. Ideal als Ausgangspunkt für schnelles Prototyping.

Tailwind CSS ist ein CSS-Framework, das die Oberflächenentwicklung mit fertigen Utility-Klassen ermöglicht. Es unterstützt Responsive Design, Dark Mode, Container Queries und 3D-Transformationen; optional gibt es das kostenpflichtige Tailwind Plus.

Tool, das PNG- und JPEG-Bilder ohne Qualitätsverlust komprimiert. Automatische Optimierung per API steigert die Web-Performance.

Entwickler-Tool, das detaillierte Fehlerberichte erstellt. Hält Screenshot, Browserumgebung und Schritte zur Reproduktion automatisch fest.

CSS-Code-Generator für den Glassmorphism-Effekt. Passe Unschärfe, Transparenz und Rahmen visuell an und kopiere den CSS-Code.

Plattform mit Open-Source-UI-Elementen aus der Community. Tausende fertige Komponenten für Buttons, Cards, Formulare und Animationen.

Vercels KI-UI-Generator

Vercels KI-gestütztes Tool zur UI-Erstellung, das aus Textbeschreibungen React-Komponenten erzeugt.

Plattform für schnelles Deployment und Hosting von Frontend-Projekten, entwickelt von den Machern von Next.js.

Kostenloser Open-Source-Code-Editor von Microsoft mit großem Erweiterungs-Ökosystem und starken Debugging-Funktionen.

KI-gestützte IDE

Websites in natürlicher Sprache erstellen und bearbeiten

Blog-CMS für Entwickler. Dank API-first-Ansatz der einfachste Weg, deiner bestehenden Website eine Blogfunktion hinzuzufügen.