JetBrains IDE Plugin
shadcn Helper
IntelliJ IDEA · WebStorm · PhpStorm · PyCharm · + All JetBrains IDEs
- 50+
- Components Available
- 20+
- Registries Supported
- 4
- Frameworks Supported
01
Component Browser & Code Preview
Browse all shadcn/ui components from a dedicated tool window. See code previews, component variants, and usage examples without leaving your IDE.
Every component shows the exact import statement and usage code. Copy to clipboard with one click or insert directly into your file. No more switching between documentation and your editor.
Key features
- Visual component browser with search
- Code preview with syntax highlighting
- Variant selector for component options
- One-click copy or insert to editor
- Login blocks, charts, and all UI components
02
Smart Components Sidebar
Access all shadcn/ui components from a convenient sidebar. Button, Card, Input, Dialog, and every other component is just one click away.
The sidebar shows installed components and available components. Install missing components with a single click using the shadcn CLI behind the scenes.
Sidebar includes
- Button, Card, Input, Label, Textarea
- Checkbox, Switch, Select, Slider
- Dialog, Sheet, Popover, Tooltip
- Table, Tabs, Accordion, Collapsible
- Variant selector for each component
- Quick install for missing components
03
20+ Registry Support
Go beyond the official shadcn/ui registry. Access components from 21st.dev, Aceternity UI, Magic UI, and many more community registries.
Each registry is fully integrated with code preview, installation, and documentation. Mix and match components from different sources to build your perfect design system.
Supported registries
- Official shadcn/ui registry
- 21st.dev – Additional UI blocks
- Aceternity UI – Animated components
- Magic UI – Animation library
- Cult UI, Origin UI, JollyUI
- And 15+ more registries
04
Theme Browser with Live Preview
Browse and apply shadcn themes without leaving your IDE. Preview themes in light and dark mode, then apply CSS variables to your project with one click.
Choose from built-in themes like Default, New York, Blue, Green, Orange, and Red. Or create your own custom theme using the visual color picker.
Theme features
- Default, New York, and color themes
- Light and dark mode preview
- CSS Variables export
- Custom theme creation
- One-click theme application
- Tailwind config integration
05
Everything You Need for shadcn Development
shadcn Helper includes all the tools you need to build beautiful UIs with shadcn/ui efficiently.
Accessibility Inspections
The only plugin with a11y inspections. Catch missing aria labels, keyboard navigation issues, and contrast problems before they reach production.
PSI-Based Completion
Real code intelligence, not regex hacks. Understands your component structure and provides accurate completions based on actual code analysis.
Monorepo Support
Real monorepo detection for Turborepo, Nx, pnpm workspaces, Lerna, and Yarn workspaces. Components install to the correct package.
4 Framework Support
Full support for React, Vue, Svelte, and Solid. Auto-detects your framework and provides the correct component syntax and imports.
One-Click Installation
Install components with a single click. The plugin runs the shadcn CLI behind the scenes and updates your project automatically.
cn() Helper Integration
Full IntelliSense for the cn() utility. Tailwind class completion inside cn() calls with conflict detection and suggestions.
Simple, Transparent Pricing
Individual
For solo developers
$2.90/month
or $29.90/year (save 14%)
- ✓ All plugin features
- ✓ Personal license
- ✓ Email support
- ✓ Free updates
BEST VALUE
Organization
For teams & companies
$5.90/month
or $59/year (save 17%)
- ✓ All plugin features
- ✓ Commercial license
- ✓ Priority support
- ✓ Team management