shadcn Helper downloads statistics

True IDE intelligence for shadcn/ui. Smart completion, accessibility inspections, multi-registry support, drag-and-drop components from the sidebar. Works with monorepos and with Base UI, Radix UI, and React Aria projects.

Why This Plugin?

The only shadcn IDE plugin with:

• Accessibility inspections that catch missing aria-labels and keyboard issues • Multi-registry support for custom component registries • PSI-based code completion (not regex hacks) • Real monorepo detection (Turborepo, Nx, pnpm, Lerna, Yarn workspaces) • 4 framework support: React, Vue, Svelte, Solid

Core Features

Smart Completion & Navigation

• Component Import Completion - Type @/components/ui/ and see all available components • Props & Variants Autocomplete - Context-aware suggestions for variant, size, and other props • Tailwind Class Completion - Smart suggestions in className attributes • Go to Definition - Ctrl+Click to jump to component source • Hover Documentation - View component docs, variants, and examples inline

Monorepo Support That Actually Works

• Turborepo - Automatic workspace detection • Nx - Project graph awareness • pnpm Workspaces - Proper package resolution • Lerna - Legacy monorepo support • Path Alias Resolution - Parses tsconfig.json/jsconfig.json correctly

Inspections & Quick Fixes

• Missing Component Detection - Warns when using uninstalled components with one-click install • Radix Import Migration - Detects direct @radix-ui/* imports and auto-fixes to shadcn paths • Invalid Props Warning - Catches typos and invalid prop values • Accessibility Hints - Warns about missing aria-label, keyboard navigation issues

CLI Integration

• Initialize Project - Run shadcn init directly from IDE • Component Browser - Browse all 60+ components, see previews, install with one click • Diff Updates - Check if your components have upstream updates • Package Manager Auto-Detection - npm, pnpm, yarn, or bun

Live Templates

Type sc: and press Tab for instant component scaffolding:

TemplateOutput

sc:buttonButton with variant prop

sc:cardCard with Header, Content, Footer

sc:dialogDialog with Trigger and Content

sc:form-fieldForm field with validation

sc:dropdownDropdown menu with items

sc:tabsTabs with TabsList and TabsContent

sc:selectSelect with options

sc:toastToast hook usage

sc:importComponent import statement

sc:cncn() class helper

Framework Support

• React (Next.js, Vite, Remix) • Vue (Nuxt, Vite) • Svelte (SvelteKit) • Solid (SolidStart)