shadcn-ui-mcp-server

What it does

This MCP server provides structured access to shadcn/ui component documentation by scraping the official reference site and GitHub repository to create a cached reference database. It exposes tools to list all available components, retrieve detailed information including descriptions, installation instructions, and component props, fetch usage examples and code samples, and search components by keyword or functionality. Component data is cached to reduce redundant fetches from external sources, enabling rapid lookups during development.

Who it's for

Frontend developers building React applications with shadcn/ui components in TypeScript projects. Also useful for AI assistants (Claude via Claude Desktop, Windsurf, or Cursor) that need to reference component APIs, configuration options, and usage patterns during real-time code generation or when answering questions about component implementation.

Common use cases

• Query shadcn/ui component documentation without leaving your editor
• Fetch installation and usage examples while building UI code
• Search for components by functionality or name
• Reference component props, variants, and configuration patterns during development

Setup pitfalls

• Last commit was 410 days ago—component references may be stale as shadcn/ui evolves
• Relies on scraping the official documentation site; breaks if the site structure changes
• Requires network connectivity to fetch component data
• Use npx -y shadcn-ui-mcp-server with the -y flag to auto-confirm package installation