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.
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 initwhen 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
.envfile. - 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.
