Shadcn Builder

Ein Drag-and-Drop-Formular-Builder für shadcn/ui, der sauberen React- und Tailwind-CSS-Code exportiert.

Meine Rolle: Entwickler & Maintainer
Seit: 2024
Status: Aktiv

React
TypeScript
shadcn/ui
Tailwind CSS
Next.js

Die Shadcn-Builder-Startseite mit der Überschrift „Build your production ready forms with ease“ über dem visuellen Formular-Editor.

Warum ich es gebaut habe

Formulare zu bauen gehört zu den repetitivsten Aufgaben im Front-End: immer wieder dieselben Felder, Labels, Layouts und Validierungen. Ich wollte ein Tool, mit dem ich ein Formular visuell zusammenstelle und danach Code bekomme, den ich auch selbst so geschrieben hätte.

Was es kann

20+ Formular-Komponenten und 100+ fertige Vorlagen, nach Kategorien sortiert.
Responsive Layouts, die ich visuell auf einer Arbeitsfläche gestalte.
Code-Export als sauberes React + Tailwind CSS mit shadcn/ui-Komponenten, bereit zum Einfügen ins Projekt.

Open Source und Community

Shadcn Builder ist Open Source auf GitHub und hat dort inzwischen über 600 Sterne. Ich habe es auf Product Hunt gelauncht, und die Community schickt mir regelmäßig Feedback und Wünsche, etwa eine Formular-Vorschau oder Validierungseinstellungen, die die Roadmap prägen.