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
The Lens
By Erik Loyd, SaaS CEO and former COO/CFO of an AWS Premier Partner.
Updated Apr 2026
This MCP server feeds your AI assistant the full context of shadcn/ui components: structure, props, usage patterns, installation commands. Instead of the LLM hallucinating component APIs from training data, it pulls the real docs.
Community-built and focused on one job: making AI-generated UI code actually match current shadcn/ui patterns. Setup is a single config entry. No API keys, no auth, no moving parts.
Install this if you use shadcn/ui with an AI coding assistant. The difference in code quality is noticeable, fewer wrong prop names, fewer outdated patterns. The catch: only covers shadcn/ui. If you need broader component library context, you will need additional servers.
Free vs Self-Hosted vs Paid
fully freeFree Tier
The MCP server itself is completely free and open source.
Self-Hosted
Runs locally or on your own infrastructure.
Paid
No paid tier. The underlying service may have its own pricing.
Free and open source. No underlying service costs.
What to do by team size
- Solo
- free
- Small team
- free
- Larger team
- free
Get tools like this every Wednesday
One featured tool, three on the radar. No fluff.
A low score is not a verdict on quality. Young and niche tools start low by design. How we calculate scores
About
- Owner
- Jpisnice (User)
- Stars
- 2,964
- Forks
- 305
Explore Further
More tools in the directory
openclaw
Your own personal AI assistant. Any OS. Any Platform. The lobster way. 🦞
387.9k ★everything-claude-code
The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.
243.9k ★hermes-agent
The agent that grows with you
237.6k ★