Shadcn Component Lookup

Instantly preview and add any shadcn/ui component — without leaving your editor.

Tired of opening the browser, searching ui.shadcn.com, and copy-pasting commands?

Just press Cmd+P → type > Shadcn → pick a component → done.

Features

• Zero delay — fully offline component list (60+ components)
• Official preview — opens the real ui.shadcn.com docs in a beautiful webview
• One-click copy — copies the exact install command (npm) to clipboard
  → npx shadcn@latest add button
• Perfect autocomplete — fuzzy search by name (e.g. "input", "dialog", "toast")
• Works in VS Code, Cursor, Windsurf, Trae, Kilo, everywhere.

Usage

1. Press Cmd+P (or Ctrl+P)
2. Type > Shadcn Components: Lookup
3. Start typing a component name (e.g. button, dialog, card)
4. Press Enter
5. Click "Copy Install Command" → paste into terminal

Preview

Supported Components

All official shadcn/ui components are included and always up-to-date:

• Accordion · Alert Dialog · Button · Card · Checkbox · Dialog · Drawer · Input · Select · Table · Toast · Tooltip · and 50+ more

You can update the component list by editing the components.json file; only the component name and URL slug are required.

Installation

Search "Shadcn Components Lookup" by fhswno in the Extensions view.

Or install directly:

• VS Code Marketplace
• Open VSX Registry

License

MIT © fhswno

Made with ❤️ in London.