Frontend MCP servers

470 tagged Frontend, measured the same way as everything else here.

Browse within: model-context-protocol 28accessibility 24nextjs 19design-system 15angular 12claude-code-plugin 9a11y 8shadcn-ui 7animation 6axe-core 6coding-agents 6component-library 6devtools 6json 6

next-devtools

73

kyh/ai-datagrid

MCP server Claude CodeCodexCursor +2

Next.js development tools MCP server with stdio transport. Runs locally from the next-devtools-mcp npm package.

not rated 10 5d ago A tokens not measured

shadcn

74

wch/create-shiny-react-app

MCP server Claude CodeCodexCursor +2

Add components to your apps. Runs locally from the shadcn npm package.

not rated 10 11mo ago A tokens not measured copy · 100% MIT

ucoz-mcp

75

ucoz-skills/agent-skills

MCP server Claude CodeCodexCursor +2

uCoz MCP server — manage templates and FTP files via Model Context Protocol. Runs locally from the ucoz-mcp npm package. Needs 5 environment variables to run.

not rated 10 8d ago A tokens not measured original MIT

tokenizin-agency/mcp-nativewind

MCP server Claude CodeCodexCursor +2

MCP server for transforming Tailwind components to NativeWind 4. Runs locally from the @tokenizin-com/mcp-server-nativewind npm package.

not rated 10 1y ago A tokens not measured original MIT

livewire-flux-mcp

77

leMaur/livewire-flux-mcp

MCP server Claude CodeCodexCursor +2

Flux UI component and layout docs for AI coding agents. Live from fluxui.dev, Pro-tier aware. Runs locally from the livewire-flux-mcp npm package.

not rated 9 yesterday A tokens not measured original MIT

uimax-mcp

78

prembobby39-gif/uimax-mcp

MCP server Claude CodeCodexCursor +2

Frontend expert for Claude Code. Screenshots, Lighthouse, axe-core, code analysis, auto-fix. Runs locally from the uimax-mcp npm package.

not rated 9 5mo ago A tokens not measured original MIT

next-devtools

79

honggzb/Study-General

MCP server Claude CodeCodexCursor +2

Next.js development tools MCP server with stdio transport. Runs locally from the next-devtools-mcp npm package.

not rated 9 2d ago A tokens not measured

grafana/grafana-ui-mcp-server

MCP server Claude CodeCodexCursor +2 ✓ vendor

A comprehensive Model Context Protocol (MCP) server for Grafana UI components. Provides AI assistants with complete access to 200+ React components, rich MDX documentation, Storybook stories, test files, design system tokens, and dependency analysis from. Runs locally from the @shelldandy/grafana-ui-mcp-server npm…

not rated 9 2d ago A tokens not measured original MIT

agentience/react-design-systems-mcp

MCP server Claude CodeCodexCursor +2

Model Context Protocol (MCP) server that provides comprehensive information about design systems created for React, currently focusing on AWS Cloudscape Design System. Runs locally from the @agentience/react-design-systems-mcp npm package.

not rated 9 1y ago A tokens not measured original MIT

fluentui-mcp-server

82

aminvishvam/fluentui-mcp-server

MCP server Claude CodeCodexCursor +2

MCP server "fluentui-mcp-server" as configured in aminvishvam/fluentui-mcp-server. Runs locally from the fluentui-mcp-server npm package.

not rated 8 3mo ago A tokens not measured

threlte-mcp

83

SerifeusStudio/threlte-mcp

MCP server Claude CodeCodexCursor +2

MCP server for AI-powered Three.js/Threlte scene inspection and manipulation. Runs locally from the threlte-mcp npm package.

not rated 8 7mo ago A tokens not measured original MIT

radix-ui

84

gianpieropuleo/radix-mcp-server

MCP server Claude CodeCodexCursor +2

A Model Context Protocol (MCP) server for Radix UI libraries (Themes, Primitives, Colors), providing AI assistants with access to component source code, installation guides, and design tokens. Runs locally from the @gianpieropuleo/radix-mcp-server npm package. Needs 1 environment variable to run.

not rated 8 1y ago A tokens not measured original MIT

dazeb/mcp-react-component-harvester

MCP server Claude CodeCodexCursor +2

MCP server "mcp-component-harvester" as configured in dazeb/mcp-react-component-harvester. Runs locally from the mcp-component-harvester npm package.

not rated 8 1y ago A tokens not measured

opentalk2html-notmd

86

Aimino-Tech/OpenTalk2HTML-NotMD

MCP server Claude CodeCodexCursor +2

MCP server for HTML generation from AI agents. Runs locally from the @aimino/opentalk2html-notmd npm package.

not rated 7 2mo ago A tokens not measured GPL-3.0

vulk

87

VULK-dev/vulk-mcp-server

MCP server Claude CodeCodexCursor +2

VULK MCP Server - prompt-to-immersive-site connector for Claude, Codex, Cursor, Windsurf, VS Code, Gemini CLI, and MCP-compatible agents. Generate, edit, inspect, and deploy 3D/WebGL, video-rich, moodboard-driven, full-stack web projects through VULK. Runs locally from the vulk-mcp-server npm package. Needs 2…

not rated 7 3mo ago A tokens not measured original MIT

anime-js-mcp-server

88

yeshsurya/anime-js-mcp-server

MCP server Claude CodeCodexCursor +2

A Model Context Protocol (MCP) server for Anime.js animation library, providing AI assistants with access to Anime.js components, APIs, examples, and documentation. Runs locally from the anime-js-mcp-server npm package.

not rated 7 12mo ago A tokens not measured original MIT

dhis2-mcp-server

89

Dradebo/dhis2-mcp

MCP server Claude CodeCodexCursor +2

A Model Context Protocol server providing 108 tools for DHIS2 development, including code generators, debugging helpers, and documentation access for web and Android app development. Runs locally from the dhis2-mcp-server npm package.

not rated 7 1mo ago A tokens not measured original MIT

imugi-ai

90

M00N7682/imugi

MCP server Claude CodeCodexCursor +2

Design to Code — AI-powered frontend builder with visual verification. Runs locally from the imugi-ai npm package.

not rated 8 5mo ago A tokens not measured original MIT

ohah/react-native-mcp

MCP server Claude CodeCodexCursor +2

MCP server for React Native app automation and monitoring. Runs locally from the @ohah/react-native-mcp-server npm package.

not rated 7 5mo ago A tokens not measured original MIT

validator

92

swatchdog-dev/swatchdog-mcp

MCP server Claude CodeCodexCursor +2

On-demand drift checks: declared CSS color, radius, spacing & type vs your own tokens or a pack. Remote server at swatchdog-mcp-970396648818.us-central1.run.app.

not rated 6 1mo ago A tokens not measured

mcp-server

93

decantr-ai/decantr

MCP server Claude CodeCodexCursor +2

AI frontend governance for Contract context, graph artifacts, drift evidence, and repair prompts. Runs locally from the @decantr/mcp-server npm package.

not rated 6 7d ago A tokens not measured original MIT

classmcp

94

TheDecipherist/classmcp

MCP server Claude CodeCodexCursor +2

MCP server providing semantic CSS patterns optimized for AI code generation - supports Tailwind, Bootstrap, UnoCSS, Tachyons with 77% token savings. Runs locally from the classmcp npm package.

not rated 6 7mo ago A tokens not measured original MIT

mern-mcp

95

IrtezaAsadRizvi/mern-mcp

MCP server Claude CodeCodexCursor

Scaffolds MERN CRUD resources into existing Express and React codebases. Runs locally from the mern-mcp npm package. Needs 1 environment variable to run.

not rated 6 5mo ago A tokens not measured

vueuse-mcp

96

kovoor/vueuse-mcp

MCP server Claude CodeCodexCursor +2

Search, browse, and get suggestions for VueUse composables. Runs locally from the vueuse-mcp npm package.

not rated 5 5mo ago A tokens not measured original MIT