IDE Extension - Shadcnblocks.com

Browse and Install Shadcn Blocks inside Cursor

Search 2018+ 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.

CursorClick to install

VS CodeClick to install

WindsurfClick to install

AntigravityClick to install

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.

Browse Blocks In The IDE

Search and explore 2018+ blocks inside your IDE. Filter by free or pro blocks.

01

One-Click Install

Install blocks directly into your project with a single click. Runs the shadcn CLI under the hood - zero manual setup.

02

Preview Source Code

View the full source code of any block before installing. Inspect the implementation, check dependencies, and make sure it fits your project.

03

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.

2018+ 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.

setup - shadcnblocks

STEP 1 Pick your IDE and install

CursorInstall →

VS CodeInstall →

WindsurfInstall →

AntigravityInstall →

STEP 2 Browse & install blocks

  1. Open Sidebar Panel

    Click the Shadcnblocks icon in the activity bar to open the block browser.

  2. Search & Filter

    Browse by category or search by name. Click any block to preview it.

  3. 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

Explore the full library

Browse blocks, components, pages, and templates—all built for shadcn/ui.

Blocks2018
Components2104
Pages49
Templates20