Shadcn UI MCP Server

A mcp server to allow LLMS gain context about shadcn ui component structure,usage and installation,compaitable with react,svelte 5,vue & React Native

Local serverstdioTypeScript

What is the Shadcn UI MCP Server?

A mcp server to allow LLMS gain context about shadcn ui component structure,usage and installation,compaitable with react,svelte 5,vue & React Native

What the server 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.

Credentials and setup notes

  • Node.js >= 18.0.0 - npm or pnpm

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 to Prerequisites.”

Frequently asked questions

React (default), Svelte, Vue, and React Native. Switch with the `--framework` flag.