shadcn.exchange

by shadcn.exchange · exchange.shadcn/blocks

Search 12,000+ shadcn/ui blocks from 130+ registries, free and paid, with install commands.

OnlineRemote
Category
Search and web data
Connection
Remote (HTTP)
Tools
4 reported
Status
Online

Connect it to your AI

Claude Code

claude mcp add --transport http blocks https://shadcn.exchange/mcp

Claude, ChatGPT, Cursor and other apps

Add it as a custom connector with this URL (Streamable HTTP):

https://shadcn.exchange/mcp

Cursor, VS Code and other apps (mcp.json)

{
  "mcpServers": {
    "blocks": {
      "url": "https://shadcn.exchange/mcp"
    }
  }
}

Tools it offers

4 tools, as the server itself reported during our check on Oct 31, 2026.

  • search_blocksSearch the shadcn/ui blocks listed on shadcn.exchange: ready-made sections of a page, such as heroes, pricing tables, login forms, dashboards, footers and FAQs, from every public shadcn registry, free and paid. Use it wh
  • get_blockGet one block's details by its id from search_blocks: what it is, its install command, the npm packages and registry items it depends on, the files it adds, and its registry's notes on using it. Set include_source to als
  • list_categoriesList the kinds of section the blocks are sorted into, such as hero, pricing, login, dashboard and footer, with how many blocks each has. Pass one to search_blocks as its category.
  • list_registriesList the public shadcn/ui registries whose blocks shadcn.exchange lists, the most blocks first, with how many of each are free and paid, what each one is, and its page. Pass a registry's id to search_blocks to search onl

Questions

What is the shadcn.exchange MCP server?

Search 12,000+ shadcn/ui blocks from 130+ registries, free and paid, with install commands. It is made by shadcn.exchange and listed in the official MCP Registry as exchange.shadcn/blocks. MCP (Model Context Protocol) is the open standard that lets AI apps like Claude, ChatGPT and Cursor use outside tools.

How do I add shadcn.exchange to Claude?

In the Claude app or claude.ai, open Settings, then Connectors, choose "Add custom connector" and paste https://shadcn.exchange/mcp. In Claude Code, run: claude mcp add --transport http blocks https://shadcn.exchange/mcp

How do I add shadcn.exchange to ChatGPT?

ChatGPT can use remote MCP servers as connectors. In ChatGPT settings, under Apps and Connectors, turn on developer mode if asked, create a new connector and paste https://shadcn.exchange/mcp.

How do I add shadcn.exchange to Cursor?

Open Cursor settings, go to MCP, choose "Add new MCP server" (or edit ~/.cursor/mcp.json) and add: { "mcpServers": { "blocks": { "url": "https://shadcn.exchange/mcp" } } }

Does shadcn.exchange work right now?

Yes. It responded when we last checked on 31 Oct 2026. We check remote MCP servers every day.

What can shadcn.exchange do?

It gives your AI 4 tools, including search_blocks, get_block, list_categories, list_registries. The full list is on this page.

Is this your server? Get the badge for your README
chen.media/mcp badge

Markdown (GitHub README)

[![Listed on chen.media/mcp](https://chen.media/mcp/badge/exchange-shadcn-blocks.svg)](https://chen.media/mcp/exchange-shadcn-blocks)

HTML (switches to dark mode on its own)

<a href="https://chen.media/mcp/exchange-shadcn-blocks"><picture><source media="(prefers-color-scheme: dark)" srcset="https://chen.media/mcp/badge/exchange-shadcn-blocks.svg?theme=dark"><img src="https://chen.media/mcp/badge/exchange-shadcn-blocks.svg" alt="Listed on chen.media/mcp" height="40"></picture></a>

More in Search and web data

See all