shadcncraft in your editor

A free extension for VS Code, Cursor, Antigravity, and Windsurf: browse and preview the registry, install with the shadcn CLI, buy Pro, and clone complete apps.
PreviousNext

The shadcncraft IDE extension brings the registry into VS Code 1.93 or newer and compatible editors, including Cursor, Antigravity, and Windsurf.

Browse and preview

  • The whole catalog in your sidebar: blocks, components, and complete apps, grouped by category with light and dark thumbnails.
  • Search, and filter by category, type, and Free or Pro. Save items to Favorites with the heart.
  • Select an item to open its live preview in an editor tab. Switch to Code to read the source with syntax highlighting, and open the matching Figma component.

Install from the editor

  • Install runs the official shadcn CLI in the integrated terminal, so your project keeps a standard shadcn/ui setup. The extension offers shadcn init when a project needs it and follows your library and style preset.
  • Free items install without an account. Every item shows the command it runs, ready to copy.

Pro from the editor

  • Get Pro on any Pro item compares the Pro React and Pro Figma + React bundles with live prices and pays through Polar, in a browser tab inside recent VS Code and Cursor or in your system browser elsewhere. The license connects automatically and the item installs.
  • Add license key connects an existing key. Single and Team keys activate the editor for you; Enterprise keys need no activation. When every seat is in use, the extension offers Upgrade bundle and Manage seats.
  • Keys stay in the editor’s secret storage and reach installs through the terminal environment, never a .env file.
  • A shadcncraft install typed into a terminal that the registry refuses offers Get Pro or Add license key.

Clone complete apps

Sales & Marketing Dashboard, AI Chat, and ClearFlow show their live demos in the editor. Install app clones the app’s repository into a new folder through your editor’s Git flow; GitHub access comes with the app purchase.

Get the extension

Choose your editor on the IDE extension page, or open the listing on the Visual Studio Marketplace for VS Code and on Open VSX for Cursor, Antigravity, and Windsurf. The extension is free. See the installation guide for setup.

SBIOTJ

Join 16,000+ builders shipping with shadcncraft

Design and assemble full pages faster with production-ready blocks built for real products.
  • Production-ready blocks and components
  • Clean React and Tailwind parity
  • Built for SaaS, marketing, and ecommerce teams
Get the design system
Join Now CTA

Real support from the team behind shadcncraft

Get help within 24 hours from the people who build and maintain the system.
Email
Prefer a direct line? Send us a message and we'll get back to you as soon as possible.
Discord
Get quick support, share feedback, or connect with other builders.
Feedback
Got something to say about anything shadcncraft? We'd love to hear it.