shadcn-ui-mcp-server MCP Server
Jpisnice/shadcn-ui-mcp-server
[](https://agentrank-ai.com/tool/Jpisnice--shadcn-ui-mcp-server/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge) A mcp server to allow LLMS gain context about shadcn ui component structure,usage and installation,compaitable with react,svelte 5,vue & React Native
claude mcp add agentrank -- npx -y agentrank-mcp-server Overview
Jpisnice/shadcn-ui-mcp-server is a TypeScript MCP server licensed under MIT. A mcp server to allow LLMS gain context about shadcn ui component structure,usage and installation,compaitable with react,svelte 5,vue & React Native Topics: ai, mcp, modelcontextprotocol, ts, typescript, shadcn-ui, ui, webdev, nextjs, npm, npm-package, npx, react, svelte, sveltekit, vue, vuejs, expo, react-native.
Ranked #174 out of 24846 indexed tools.
In the top 1% of all indexed tools.
Has 3,043 GitHub stars.
Has 19 contributors.
Ecosystem
Score Breakdown
3,043 stars → well-known project
Last commit 26d ago → recently updated
20/23 issues closed → responsive maintainer
19 contributors → active community
No dependents → no downstream usage
Weights: Freshness 20% · Issue Health 20% · Dependents 22% · Stars 10% · Contributors 8% · How we score →
Badge all embed codes →
[](https://agentrank-ai.com/tool/Jpisnice--shadcn-ui-mcp-server/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge) <a href="https://agentrank-ai.com/tool/Jpisnice--shadcn-ui-mcp-server/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge"><img src="https://agentrank-ai.com/api/v1/badge/Jpisnice--shadcn-ui-mcp-server" alt="AgentRank"></a> Matched Queries
From the README
# Shadcn UI v4 MCP Server > **🚀 The fastest way to integrate shadcn/ui components into your AI workflow** A Model Context Protocol (MCP) server that provides AI assistants with comprehensive access to [shadcn/ui v4](https://ui.shadcn.com/) components, blocks, demos, and metadata. Seamlessly retrieve React, Svelte, Vue, and React Native implementations for your AI-powered development workflow. ## ✨ Key Features - **🎯 Multi-Framework Support** - React, Svelte, Vue, and React Native implementations - **📦 Component Source Code** - Latest shadcn/ui v4 TypeScript source - **🎨 Component Demos** - Example implementations and usage patterns - **🏗️ Blocks Support** - Complete block implementations (dashboards, calendars, forms) - **📋 Metadata Access** - Dependencies, descriptions, and configuration details - **🔍 Directory Browsing** - Explore repository structures - **⚡ Smart Caching** - Efficient GitHub API integration with rate limit handling - **🌐 SSE Transport** - Server-Sent ERead full README on GitHub →
Get the weekly AgentRank digest
Top movers, new tools, ecosystem insights — straight to your inbox.