Shadcn/Ui MCP Server

shadcn/ui MCP server that provides structured component context, installation guidance, usage examples, and props for React, Svelte, and Vue UI work.

Local serverstdioTypeScript

What is the Shadcn/Ui MCP Server?

shadcn/ui MCP server that provides structured component context, installation guidance, usage examples, and props for React, Svelte, and Vue UI work.

What Shadcn/Ui MCP does

A Model Context Protocol (MCP) server that provides AI assistants with comprehensive access to shadcn/ui v4 components, blocks, demos, and metadata. Seamlessly retrieve React, Svelte, Vue, and React Native implementations for your AI-powered development workflow.

Requirements

  • Node.js >= 18.0.0 - npm or pnpm

Good to know

  • Written in TypeScript.

More MCP options

Compare MCP servers by category, or browse hosted MCP servers if you prefer an endpoint over a local process.

Maintainer setup documentation.

Configuration

  • Node.js >= 18.0.0 - npm or pnpm
VariableDescriptionRequired
GITHUB_PERSONAL_ACCESS_TOKENCredential the server authenticates with.Yes

Example prompts to try

  • “Use Shadcn/Ui MCP to Prerequisites.”

Frequently asked questions

shadcn/ui MCP server that provides structured component context, installation guidance, usage examples, and props for React, Svelte, and Vue UI work. Confirm the tools offered by your installed version in the connected client. Tool availability and permissions depend on the server and account configuration.