BAUSTEINE

🧱 Ressourcen. Bausteine reinholen.

Externe Quellen, aus denen du Komponenten direkt in deinen Lovable-Prompt ziehen kannst. Lovable baut sie passend zu deinem Theme nach.

shadcn/ui

Open-Source-Komponentenbibliothek auf Radix + Tailwind. Im Lovable-Stack bereits vorinstalliert – die gemeinsame Sprache für Buttons, Dialoge, Formulare, Tabellen.

Öffnen

Wann nutzen: Wenn du saubere, zugängliche Standard-Komponenten brauchst, die sich nahtlos ins bestehende Design-System einfügen.

Komponenten
Radix
Tailwind
Vorinstalliert

Beispiel-Prompt

Add a shadcn Dialog with a form inside that collects name and email, using the existing design tokens.

Pro-Tipp: Lovable kennt shadcn out-of-the-box. Nenne die Komponente einfach beim Namen ("shadcn Dialog", "shadcn DataTable").

21st.dev

Kuratierter Marktplatz für moderne React/Tailwind-Komponenten und Sections von der Community – inkl. Copy-Paste-Code und MCP-Integration.

Öffnen

Wann nutzen: Wenn du fertige Hero-Sections, Pricing-Tables oder animierte Komponenten suchst, die über shadcn hinausgehen.

Sections
Inspiration
Copy-Paste
MCP

Beispiel-Prompt

Use the component from this 21st.dev link as a reference and build it with our design tokens: <LINK_EINFÜGEN>

Pro-Tipp: Kopiere den Komponenten-Code oder den Link in den Lovable-Prompt – das Modell baut ihn passend zu deinem Theme nach.