shadcn-ui-mcp-server

shadcn-ui-mcp-server

Provides structure, usage, and installation information for shadcn/ui components for AI assistants.

MCPDevOpen source
Type
MCP
Transport
sse
Open source
Yes
GitHub Stars
★ 2.8k
Source
mcp-github

Overview

shadcn-ui-mcp-server is a Model Context Protocol (MCP) server that enables AI assistants to access detailed information about shadcn/ui v4 components. Supports React, Svelte, Vue, and React Native frameworks, offering component source code, example implementations, and metadata. With this capability, AI can better understand and utilize these UI components, making it suitable for AI development workflows requiring UI component integration.

Capabilities

  • Multi-framework support (React, Svelte, Vue, React Native)
  • Access to component source code
  • Example implementations of components
  • Block support (e.g., dashboards, calendars, forms)
  • Metadata access (dependencies, descriptions, configuration details)
  • Directory browsing

Use cases

AI-assisted frontend developmentAutomated UI component integrationUI component management across multi-framework projects

Setup

Requires: GitHub API Key
npx @jpisnice/shadcn-ui-mcp-server --github-api-key ghp_your_token_here

This information was compiled by AI from public sources and may contain inaccuracies — please refer to the source.

FAQ

How do I get a GitHub Token?

Refer to the steps in the documentation: docs/getting-started/github-token.md

Which frameworks are supported?

Supports React, Svelte, Vue, and React Native

Related skills