MCP Servers

21st.dev Magic

★ 5,300

Create crafted UI components inspired by the best 21st.dev design engineers.

Nuxt MCP

★ 910

MCP server helping models to understand your Vite/Nuxt app better.

Svelte MCP

★ 283

Official Svelte MCP server, provides docs and suggestions on the generated code.

Svelte Documentation

★ 161

Remote server (SSE/Streamable) for the latest Svelte and SvelteKit documentation

shadcn-vue

★ 109

An AI agent that helps developers instantly create high-quality UI components for shadcn-vue.

Next.js MCP Server

★ 88

A Next.js-based MCP server with OAuth 2.1 authentication support using Google as the default provider. Requires a PostgreSQL database and optionally Redis for SSE transport.

React MCP

★ 71

An MCP server for integrating AI with React applications.

shadcn/ui

★ 60

Provides structured data for shadcn/ui components, including descriptions, installation instructions, usage examples, and props.

React Native Debugger MCP

★ 32

Connects to the React Native application debugger to retrieve console logs from Metro.

Shadcn UI MCP Server

★ 24

A powerful and flexible MCP server designed to enhance the development experience with Shadcn UI components, providing tools for component management, documentation, and installation.

Design System Server

★ 10

An MCP server for accessing and managing design system documentation from a GitHub repository.

Figma to React Native MCP

★ 8

Convert Figma designs into React Native components.

OriginUI MCP Server

★ 6

Search and install OriginUI components, with details fetched dynamically from the OriginUI JSON registry.

Rakit UI AI

★ 4

An intelligent tool for AI assistants to present multiple UI component designs for user selection.

Shadcn Space MCP

★ 2

Integrate shadcn space MCP server into your IDE to generate ready-to-use shadcn/ui components without guesswork.

Clix MCP Server

★ 2

Clix MCP Server for assisting Clix SDK/API integrations with semantic search across Clix docs and SDK source (iOS, Android, Flutter, React Native).

Shadcn Studio MCP

★ 1

Shadcn Studio MCP Server is a Shadcn AI builder that helps you create, inspire, refine, and convert Figma designs into stunning, production-ready blocks, UI components, and full pages using Shadcn Studio blocks.

Basalt

★ 1

Design system MCP server — query tokens, components, icons, and WCAG contrast data from Git-backed design systems.

return0

★ 1

Debug your remote Node.js and Next.js applications directly from your AI IDE like Cursor.

MCP Game Development Server

★ 1

Automate game creation using React Three Fiber and manage projects with Linear integration.

Vaadin MCP Server

The Vaadin Model Context Protocol (MCP) server provides AI coding assistants with direct access to comprehensive Vaadin documentation, enabling intelligent code assistance for Vaadin Java and React applications.

SVGR

A MCP server that exposes SVGR functionality to convert SVG content into React components

Need MCP

Discover and integrate AI-powered UI components via MCP. High-quality, production-ready UI themes ready to use

Petal Components MCP

Adds petal-components-mcp - an MCP server exposing schemas for petal_components, the Shadcn-style Phoenix LiveView component library. Lets AI coding assistants query attrs, slots, defaults, and allowed values for 79 components so they write idiomatic HEEx instead of inventing raw Tailwind soup. Live at https://mcp.petal.build/mcp

CSS Tutor

Provides personalized updates and tutoring on CSS features using the OpenRouter API.

tailwind-context-resolver-mcp

Resolves and validates Tailwind classes against the actual local project config

gluestack-ui MCP Server

An MCP server tailored for React Native–first development using Gluestack UI

React Native AI Debugger

Enables AI assistants like Claude Code to capture logs, execute code, inspect state, and control navigation in your React Native app.