AcademyMCP serversDevelopment

shadcn-ui-mcp-server

Development and design teams building interfaces with shadcn/ui who want an assistant to work from accurate component code.

  • Recommendedour rating
  • 3,038gitHub stars
  • MITlicence
  • 7 days agolast update
claude mcp add shadcn-ui-mcp-server -- npx @jpisnice/shadcn-ui-mcp-server
README.md

Loading the file...

What it does

An MCP server that gives AI assistants access to shadcn/ui v4 component source code, demos, blocks and metadata. It supports React, Svelte, Vue and React Native, can browse the repository structure, and caches results to ease GitHub API use.

Use cases

  1. 01Fetch a component's source and dependencies
  2. 02Pull a dashboard or form block as a starting point
  3. 03Look up demos showing how a component is used

Questions about
shadcn-ui-mcp-server.

What is shadcn-ui-mcp-server used for?

Development and design teams building interfaces with shadcn/ui who want an assistant to work from accurate component code. An MCP server that gives AI assistants access to shadcn/ui v4 component source code, demos, blocks and metadata. It supports React, Svelte, Vue and React Native, can browse the repository structure, and caches results to ease GitHub API use.

How do I install shadcn-ui-mcp-server?

Run this in your terminal: claude mcp add shadcn-ui-mcp-server -- npx @jpisnice/shadcn-ui-mcp-server

Is shadcn-ui-mcp-server open source?

Yes. The code is on GitHub (Jpisnice/shadcn-ui-mcp-server) under the MIT licence.

Is shadcn-ui-mcp-server safe to use?

It passed our automatic scan for credential theft, hidden instructions and risky install commands. Third party open source software. Sabemos AI does not maintain it. Check the code and permissions before you connect it to company data.