Jpisnice/shadcn-ui-mcp-server

Overview

A Model Context Protocol server that provides language models with structured information about shadcn/ui components. It covers component structure, usage patterns, and installation steps for React, Svelte 5, Vue, and React Native.

Best for

Best for
Developers building LLM-powered tools that need to generate or manipulate shadcn/ui components across frameworks

Use cases

• Retrieve component API and props for shadcn/ui in an LLM-assisted workflow
• Automate installation and setup of shadcn/ui components across different frameworks
• Generate code snippets that correctly reference shadcn/ui component structure

How to use

Install

npx @jpisnice/shadcn-ui-mcp-server

Tested with

Claude Desktop, Claude Code, Cursor, Continue, VS Code

Notes

A Model Context Protocol server that provides language models with structured information about shadcn/ui components. It covers component structure, usage patterns, and installation steps for React, Svelte 5, Vue, and React Native.

2,778 stars on GitHub. Last updated 2026-05-16. Licensed MIT.

Use cases

• Retrieve component API and props for shadcn/ui in an LLM-assisted workflow
• Automate installation and setup of shadcn/ui components across different frameworks
• Generate code snippets that correctly reference shadcn/ui component structure

Pros

• Large community adoption with 2778 stars indicates reliability
• Multi-framework support (React, Svelte, Vue, React Native) increases versatility
• Simplifies integration of LLMs with shadcn/ui by providing structured context

Cons

• Requires an MCP-compatible client to use, adding dependency
• Only covers shadcn/ui components, not general UI libraries
• May lag behind shadcn/ui updates if not maintained promptly

Indexed from awesome-mcp-servers-punkpeye and enriched against its public facts.