shadcn/ui MCP server that provides structured component context, installation guidance, usage examples, and props for React, Svelte, and Vue UI work.
If you want an AI assistant working directly with Shadcn/Ui MCP, the shadcn/ui mcp mcp server is the bridge. shadcn/ui MCP server that provides structured component context, installation guidance, usage examples, and props for React, Svelte, and Vue UI work.
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.
Once connected, the assistant can call this tool directly:
Prerequisites — The Prerequisites tool exposed by this serverThe server is distributed via npm as @jpisnice/shadcn-ui-mcp-server, so most clients can run it without a manual build step. Add it to your MCP client's configuration and restart the client to pick it up — the copy-paste configs for Claude Desktop, Claude Code and Cursor are on this page.
Before the server will start you need to supply 2 environment variables: GITHUB_PERSONAL_ACCESS_TOKEN, YOUR_TOKEN. Keep credentials in your client's env block or a secrets manager rather than committing them.
| Tool | What it does |
|---|---|
| Prerequisites | The Prerequisites tool exposed by this server. |
{
"mcpServers": {
"shadcn": {
"command": "npx",
"args": ["-y", "@jpisnice/shadcn-ui-mcp-server"],
"env": {
"GITHUB_PERSONAL_ACCESS_TOKEN": "your-value",
"YOUR_TOKEN": "your-value"
}
}
}
}Add to claude_desktop_config.json, then restart Claude Desktop.
| Variable | Description | Required |
|---|---|---|
| GITHUB_PERSONAL_ACCESS_TOKEN | Credential the server authenticates with. | Yes |
| YOUR_TOKEN | Credential the server authenticates with. | Yes |
Kill hallucinated APIs — version-accurate, up-to-date library documentation injected straight into context.
Microsoft's official browser automation server — drive a real browser through the accessibility tree, no screenshots needed.
GitHub's official server — repos, issues, pull requests, Actions and code security, straight from your assistant.
Issue tracking at the speed of conversation — Linear's official hosted server with OAuth and zero install.
Local repository surgery — status, diffs, commits, branches and history for any repo on disk.
Timezone sanity for AI — current time anywhere and correct conversions, without the model doing date math.