JetBrains IDE-Plugin

shadcn Helper

Das einzige shadcn/ui-Plugin mit Barrierefreiheits-Prufungen. Multi-Registry-Unterstutzung (21st.dev, Aceternity, Magic UI). PSI-basierte Vervollstandigung, echte Monorepo-Erkennung, Theme-Browser mit Live-Vorschau und Ein-Klick-Komponenteninstallation. Unterstutzt React, Vue, Svelte & Solid.

Kostenlos testen Preise ansehen

IntelliJ IDEA · WebStorm · PhpStorm · PyCharm · + Alle JetBrains IDEs

50+: Komponenten verfugbar
20+: Registries unterstutzt
4: Frameworks unterstutzt

Komponenten-Browser & Code-Vorschau

Durchsuchen Sie alle shadcn/ui-Komponenten uber ein dediziertes Werkzeugfenster. Sehen Sie Code-Vorschauen, Komponenten-Varianten und Anwendungsbeispiele, ohne Ihre IDE zu verlassen.

Jede Komponente zeigt die exakte Import-Anweisung und den Verwendungscode. Mit einem Klick in die Zwischenablage kopieren oder direkt in Ihre Datei einfugen. Kein Wechseln mehr zwischen Dokumentation und Editor.

Hauptfunktionen

Visueller Komponenten-Browser mit Suche
Code-Vorschau mit Syntax-Highlighting
Varianten-Auswahl fur Komponenten-Optionen
Ein-Klick Kopieren oder Einfugen in den Editor
Login-Blocke, Charts und alle UI-Komponenten

Intelligente Komponenten-Seitenleiste

Greifen Sie auf alle shadcn/ui-Komponenten uber eine praktische Seitenleiste zu. Button, Card, Input, Dialog und jede andere Komponente ist nur einen Klick entfernt.

Die Seitenleiste zeigt installierte und verfugbare Komponenten. Installieren Sie fehlende Komponenten mit einem einzigen Klick uber die shadcn CLI im Hintergrund.

Die Seitenleiste enthalt

Button, Card, Input, Label, Textarea
Checkbox, Switch, Select, Slider
Dialog, Sheet, Popover, Tooltip
Table, Tabs, Accordion, Collapsible
Varianten-Auswahl fur jede Komponente
Schnellinstallation fur fehlende Komponenten

20+ Registry-Unterstutzung

Gehen Sie uber die offizielle shadcn/ui-Registry hinaus. Greifen Sie auf Komponenten von 21st.dev, Aceternity UI, Magic UI und vielen weiteren Community-Registries zu.

Jede Registry ist vollstandig integriert mit Code-Vorschau, Installation und Dokumentation. Kombinieren Sie Komponenten aus verschiedenen Quellen, um Ihr perfektes Design-System zu erstellen.

Unterstutzte Registries

Offizielle shadcn/ui Registry
21st.dev – Zusatzliche UI-Blocke
Aceternity UI – Animierte Komponenten
Magic UI – Animations-Bibliothek
Cult UI, Origin UI, JollyUI
Und 15+ weitere Registries

Theme-Browser mit Live-Vorschau

Durchsuchen und anwenden Sie shadcn-Themes, ohne Ihre IDE zu verlassen. Vorschau von Themes im Hell- und Dunkelmodus, dann CSS-Variablen mit einem Klick auf Ihr Projekt anwenden.

Wahlen Sie aus eingebauten Themes wie Default, New York, Blue, Green, Orange und Red. Oder erstellen Sie Ihr eigenes benutzerdefiniertes Theme mit dem visuellen Farbwahler.

Theme-Funktionen

Default, New York und Farb-Themes
Hell- und Dunkelmodus-Vorschau
CSS-Variablen-Export
Benutzerdefinierte Theme-Erstellung
Ein-Klick Theme-Anwendung
Tailwind-Config-Integration

Alles, was Sie fur shadcn-Entwicklung brauchen

shadcn Helper enthalt alle Werkzeuge, die Sie benotigen, um schone UIs mit shadcn/ui effizient zu erstellen.

Barrierefreiheits-Prufungen

Das einzige Plugin mit a11y-Prufungen. Erkennen Sie fehlende Aria-Labels, Tastaturnavigationsprobleme und Kontrastprobleme, bevor sie in die Produktion gelangen.

PSI-basierte Vervollstandigung

Echte Code-Intelligenz, keine Regex-Hacks. Versteht Ihre Komponentenstruktur und bietet prazise Vervollstandigungen basierend auf tatsachlicher Code-Analyse.

Monorepo-Unterstutzung

Echte Monorepo-Erkennung fur Turborepo, Nx, pnpm-Workspaces, Lerna und Yarn-Workspaces. Komponenten werden im richtigen Paket installiert.

4 Framework-Unterstutzung

Volle Unterstutzung fur React, Vue, Svelte und Solid. Erkennt automatisch Ihr Framework und bietet die korrekte Komponenten-Syntax und Imports.

Ein-Klick-Installation

Installieren Sie Komponenten mit einem einzigen Klick. Das Plugin fuhrt die shadcn CLI im Hintergrund aus und aktualisiert Ihr Projekt automatisch.

cn() Helper-Integration

Volles IntelliSense fur das cn()-Utility. Tailwind-Klassenvervollstandigung innerhalb von cn()-Aufrufen mit Konflikterkennung und Vorschlagen.

Einfache, transparente Preise

Wahlen Sie den Plan, der am besten zu Ihnen passt. Alle Plane beinhalten eine 7-tagige kostenlose Testversion.

Einzelperson

Fur Einzelentwickler

2,90 EUR/Monat

oder 29,90 EUR/Jahr (14% sparen)

✓ Alle Plugin-Funktionen
✓ Personliche Lizenz
✓ E-Mail-Support
✓ Kostenlose Updates

Kostenlos testen

BESTER WERT

Organisation

Fur Teams & Unternehmen

5,90 EUR/Monat

oder 59 EUR/Jahr (17% sparen)

✓ Alle Plugin-Funktionen
✓ Kommerzielle Lizenz
✓ Prioritats-Support
✓ Team-Verwaltung

Kostenlos testen

Beginnen Sie heute mit schonen UIs

Schliessen Sie sich Tausenden von Entwicklern an, die shadcn Helper nutzen, um schneller und intelligenter zu entwickeln. Testen Sie es 7 Tage kostenlos.

Vom JetBrains Marketplace installieren