NeVibeCode · 116 items
MCP servers for Frontend and UI
MCP servers for Frontend and UI: what each one does, an install command and example prompts.
Front-End Checklist MCP server Connect an MCP server that checks frontend code and public pages against quality rules. Use it to review components or audit accessibility, SEO, and performance.
CX Codex +1
★ 74,559repo stars
tldraw MCP server Connects an interactive tldraw canvas to an AI agent for drawing, editor actions, and saved canvas state.
CX Codex +1
★ 51,091repo stars
Figma-Context-MCP MCP server MCP server that feeds layout data and styles from Figma to your coding assistant. Turn design links into code without pasting screenshots.
CX Codex +1
★ 16,062repo stars
mcp-server-chart MCP server Generates over 26 chart and diagram types using AntV directly inside AI coding assistants and MCP clients.
CX Codex +1
★ 4,402repo stars
Dembrandt MCP server Pulls colours, type, spacing and components off a live page and hands them to your agent as design tokens. Useful when you need to copy a style into your own project.
CX Codex +1
★ 3,821repo stars
RevoGrid DataGrid MCP Pro MCP server A hosted MCP server that wires your coding agent into RevoGrid DataGrid documentation: examples, feature checks and migration help.
CX Codex +1
★ 3,450repo stars
ShipSwift MCP server Feeds your AI agent ready-made SwiftUI components and recipes for building iOS apps. Useful when you need a screen, animation or module without hunting for code.
CX Codex +1
★ 3,244repo stars
Semiotic MCP server MCP server for creating and checking React charts with AI assistants. Useful for interactive dashboards and streaming views.
CX Codex +1
★ 2,716repo stars
Usertour MCP Server MCP server Connect an AI client to Usertour to build in-app onboarding flows, checklists, and surveys. Useful when you want those experiences shaped around your app’s design.
CX Codex +1
★ 2,326repo stars
TypeUI MCP server TypeUI gives AI coding tools UI guidance, design-system material, and layout ideas. Use it when an agent is building or revising screens.
CX Codex +1
★ 2,159repo stars
emailmd MCP server Converts markdown into email-ready HTML, lints drafts for deliverability issues, and builds charts without images.
CX Codex +1
★ 1,383repo stars
Reticle MCP server Verifies running web applications from the inside via MCP tools. The agent navigates, triggers actions, and asserts DOM states without screenshots.
CX Codex +1
★ 1,269repo stars
rsdoctor MCP server Feeds your agent Rspack build data: asset sizes, module dependencies, compilation timing and duplicate-package checks.
CX Codex +1
★ 1,149repo stars
Arc UI MCP server Connects your AI agent to the Arc UI library docs for motion-ready React components. Helps locate component props and copy shadcn CLI setup commands.
CX Codex +1
★ 968repo stars
Figma MCP Server MCP server Connects Figma design context, variables, and components directly to AI coding agents to generate code and update canvas elements.
CX Codex +1
★ 2,113repo stars
inspo MCP server Inspo gives coding agents real website references, design tokens, and JSX before they build UI. Use it when a brief needs concrete visual direction.
CX Codex +1
★ 919repo stars
next-devtools-mcp MCP server Wires your coding agent into a running Next.js dev server so it reads real errors, routes and logs.
CX Codex +1
★ 832repo stars
Argent MCP server Argent connects coding agents to iOS simulators, Android devices, TVs, and Electron apps. It runs interactions, captures logs, and profiles UI performance.
CX Codex +1
★ 3,084repo stars
webcomponents-react-mcp-server MCP server Connects an AI agent to API references and guides for UI5 Web Components for React. Use it to inspect components or get help scaffolding an app from your IDE.
CX Codex +1
★ 543repo stars
Firefox DevTools MCP MCP server Connects Firefox to AI agents via MCP for web debugging, network request tracking, console logging, and automated form interaction.
CX Codex +1
★ 518repo stars
abell MCP server This MCP server connects AI coding tools with Abell, a static-site generator. Use it when you want to work with Abell from Claude Code or another supported client.
CX Codex +1
★ 444repo stars
mcp-server-tauri MCP server An MCP server for Tauri v2 apps that lets AI agents inspect the UI, read logs, monitor IPC, and run debugging actions.
CX Codex +1
★ 326repo stars
figma-ui-mcp MCP server A two-way MCP bridge for Figma: an AI client can draw UI on the canvas and read existing designs as structured data.
CX Codex +1
★ 264repo stars
blatui MCP server Explore, read, and install BlatUI components, blocks, and charts through an MCP server. Useful when building a Laravel Blade interface.
CX Codex +1
★ 262repo stars
walkerOS Source Browser MCP server MCP server that creates, parses, and audits walkerOS data-elb tracking attributes in HTML markup. Useful when tagging web interfaces for analytics.
CX Codex +1
★ 347repo stars
UI Beats MCP server Searches the UI Beats catalog for animated React components, reads their props, and retrieves shadcn install commands directly inside coding agents.
CX Codex +1
★ 234repo stars
affectUI MCP server MCP server to discover and embed animated React components for AI software. Helps grab self-contained UI blocks without configuring CSS libraries.
CX Codex +1
★ 234repo stars
microcharts MCP server Generates tiny SVG charts with automatic alt summaries directly from natural language. Useful when an agent needs to visualize trends inside markdown or chats.
CX Codex +1
★ 205repo stars
melta UI MCP server Gives an agent access to design contracts and checks generated HTML with check_html. Useful when a project needs its UI rules checked during generation.
CX Codex +1
★ 202repo stars
Svelte MCP MCP server The official Svelte MCP server gives agents access to Svelte docs and autofixing tools. Use it when you want an agent to consult the docs or work on Svelte code.
CX Codex +1
★ 335repo stars
SvGrid MCP server Verifies SvGrid table components against the active API and Svelte 5 rules, catches invalid props, and supplies version-pinned docs.
CX Codex +1
★ 181repo stars
Keyline Icons MCP server Lets an agent look up an icon by name and hand back its SVG source or a React import. Useful when the name has to be guessed rather than looked up.
CX Codex +1
★ 178repo stars
svelte-llm-mcp MCP server An MCP server that feeds Svelte 5 and SvelteKit documentation to your coding assistant, so it stops guessing at the API.
CX Codex +1
★ 159repo stars
Ignite UI MCP Server MCP server Gives AI assistants access to Ignite UI documentation and API references. Use it when you need component details or a project scaffold.
CX Codex +1
★ 137repo stars
uisight MCP server Measures real DOM metrics like contrast ratios and tap target sizes instead of relying on vision guesses. Great for debugging responsive web layouts alongside an agent.
CX Codex +1
★ 130repo stars
CometChat Docs MCP server This server searches CometChat documentation and gathers guides for integration scenarios. Ask your coding agent about adding chat, calls, or moderation to an app.
CX Codex +1
★ 129repo stars
Three.js DevTools MCP MCP server Connects coding agents to active Three.js scenes for live material tweaks, mesh debugging, and automated code updates right from the browser.
CX Codex +1
★ 126repo stars
NVIDIA Elements MCP server Connects the NVIDIA Elements design system to coding assistants. Helps generate and validate UI interfaces for robotics and autonomous vehicles.
CX Codex +1
★ 106repo stars
mcp-server MCP server Connects SAPUI5 and OpenUI5 developer tooling to AI assistants. Helps scaffold apps, inspect manifest schemas, and run linters directly in chat.
CX Codex +1
★ 104repo stars
pracht dev-mcp MCP server Connects coding agents to the Pracht app graph via @pracht/cli. Helps inspect routing, scaffold endpoints, evaluate bundle budgets, and test WebMCP tools.
CX Codex +1
★ 103repo stars
1–40 of 116
