Browse and Install Blocks Directly from Your IDE
Search 1625+ blocks, preview them, and install with a single click - without ever leaving your editor.
Available for Your Editor
Click your editor to install the extension instantly.
All editors that support VS Code extensions are compatible.
Everything You Need, Right in Your Editor
No context switching. Browse, search, and install blocks without leaving your IDE.
Packed with Features
Everything you need to work with blocks, built right into your editor.
Search & Filter
Find the perfect block by category, archetype, or keyword. Filter by free or pro blocks.
1625+ Blocks
Access our full library of production-ready blocks directly from the sidebar panel.
One-Click Install
Install any block with a single click. Runs the shadcn CLI under the hood - zero manual setup.
View Source Code
Preview the full source code of any block before installing. Pro blocks require an API key.
Favorites
Save your most-used blocks for quick access. Favorites persist across sessions.
Always Up to Date
New blocks appear automatically as we add them. No extension updates needed.
Get Started
Install the extension, then start browsing and installing blocks.
Open Sidebar Panel
Click the Shadcnblocks icon in the activity bar to open the block browser.
Search & Filter
Browse by category or search by name. Click any block to preview it.
Install to Project
Click install to add the block. The shadcn CLI handles everything automatically.
✓ Setup complete - ready to build
Need help? Read the docs