Loading connector details…
Shadcn UI MCP Server
MCPOpen SourceMIT86.4
by Jpisnice • Frontend & UI
An MCP server that exposes shadcn/ui v4 components, blocks, demos, and metadata so AI assistants can retrieve multi-framework implementations and code snippets.
Example Use Cases
- 1
Discover and retrieve shadcn/ui v4 component source code and demos across React, Svelte, Vue, and React Native.
- 2
Component metadata (dependencies, descriptions, configuration) to generate or adapt code with correct imports and versions.
- 3
Ready-made blocks (dashboards, forms, calendars) and example implementations to accelerate prototyping and multi-framework comparisons.
Description
This server implements a Model Context Protocol (MCP) interface to provide comprehensive access to shadcn/ui v4 component source code, demos, blocks, and metadata across React, Svelte, Vue, and React Native. It supports directory browsing, dependency and configuration metadata, and supplies example implementations for rapid prototyping and code generation. The server integrates with the GitHub API with smart caching and optional personal access tokens to raise rate limits for heavier usage. It is designed to let AI agents discover, compare, and generate component implementations across frameworks efficiently.
Capabilities(17 total)
Tools (10)
get_component
Get the source code for a specific shadcn/ui v4 component
componentName:string*
get_component_demo
Get demo code illustrating how a shadcn/ui v4 component should be used
componentName:string*
list_components
Get all available shadcn/ui v4 components
get_component_metadata
Get metadata for a specific shadcn/ui v4 component
componentName:string*
get_directory_structure
Get the directory structure of the shadcn-ui v4 repository
path:stringowner:stringrepo:stringbranch:string
Prompts (5)
build-shadcn-page
Generate a complete shadcn/ui page using v4 components and blocks
pageTypefeatureslayoutstyle
create-dashboard
Create a comprehensive dashboard using shadcn/ui v4 blocks and components
dashboardTypewidgetsnavigation
create-auth-flow
Generate authentication pages using shadcn/ui v4 login blocks
authTypeprovidersfeatures
optimize-shadcn-component
Optimize or enhance existing shadcn/ui components with best practices
componentoptimizationuseCase
create-data-table
Create advanced data tables with shadcn/ui components
dataTypefeaturesactions
Resources (2)
get_components
List of available shadcn/ui components that can be used in the project
URI: resource:get_components
get_theme_metadata
Returns metadata about the currently configured theme
URI: resource:get_theme_metadata
Quick Actions
Security
Scanned 3 month(s) agoRisk Level
MINIMAL
Read-only data retrieval, no side effects
Trust Score
B72/100
12/17 checks passed
Scores are informational only and provided “as is” without warranty. AgentHotspot assumes no liability for actions taken based on these ratings.
Quick Stats
Service TypeMCP
Pricing ModelFree
Capabilities10 Tools / 5 Prompts / 2 Resources
OwnerJpisnice
CategoryFrontend & UI
DependenciesStandalone
Tags
Code componentsUI librariesPrototyping blocks