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.
cesium-mcp-runtime MCP server Lets AI assistants control CesiumJS 3D globes through MCP. Adjusts cameras, displays vector layers, and tracks map entities during chats.
CX Codex +1
★ 145repo stars
timepicker-ui-mcp MCP server An MCP server that gives coding agents direct access to timepicker-ui documentation, theme options, validation logic, and code snippets.
CX Codex +1
★ 101repo stars
Hyperiux Vault MCP server Search and inspect React and Next.js interaction effects, then request source through an AI client. Useful when you want an agent to find an effect for an interface.
CX Codex +1
★ 101repo stars
Watermelon UI MCP server MCP server that searches React, Tailwind CSS, and shadcn components. Helps your AI assistant grab ready-to-use UI blocks and inject source code into your app.
CX Codex +1
★ 97repo stars
rendercheck MCP server Runs local in-process OCR on screenshots to confirm users can actually read the rendered text. Helpful when an AI agent needs to verify UI edits without network calls.
CX Codex +1
★ 94repo stars
aesthetic-computer MCP server Publishes interactive JavaScript experiments, KidLisp graphics, and short chime melodies to aesthetic.computer. Gives you shareable public links without demanding an account.
CX Codex +1
★ 91repo stars
OpenScreenShot MCP server Captures full-page or viewport screenshots using your local browser or cloud rendering. Helpful for visual checks by AI agents.
CX Codex +1
★ 87repo stars
plumb-mcp MCP server Bidirectional MCP server for Figma and code: transforms layouts into React, verifies rendered UI against the source, and drafts Figma designs from prompts.
CX Codex +1
★ 81repo stars
raxol MCP server An Elixir and OTP runtime that exposes UI component trees as MCP tools for agents without pixel scraping.
CX Codex +1
★ 79repo stars
Tailwind Shades MCP server Turns any color into a full Tailwind palette from 50 to 950 and finds the closest default shade, so the agent stops guessing.
CX Codex +1
★ 78repo stars
Music Studio MCP server Turns prompts into playable ABC sheet music and Strudel live-coding patterns. Launches an interactive audio player directly from the chat conversation.
CX Codex +1
★ 75repo stars
mcp-design-system-extractor MCP server Connects an AI assistant to a Storybook instance to pull component HTML, CSS tokens, and metadata. Helpful when building UI screens matching an existing design system.
CX Codex +1
★ 72repo stars
aicanvas MCP server Finds animated, shadcn-compatible React components and brings them into your codebase. Helps assemble UI directly from the AI chat.
CX Codex +1
★ 68repo stars
Mobbin MCP server Searches real UI and UX patterns from mobile and web apps via Mobbin. It pulls interface references directly into your coding assistant.
CX Codex +1
★ 65repo stars
helix-mcp-server MCP server An MCP server that gives your coding agent tools for the Helix Ultimate Joomla template: layouts, mega menus, code scaffolding and audits.
CX Codex +1
★ 64repo stars
astro-mcp MCP server astro-mcp connects an MCP server for Astro project development. It runs through npx.
CX Codex +1
★ 61repo stars
mcp-devkit-server MCP server Connects AI assistants directly to Mapbox developer APIs for style editing and token management. Helpful when building mapping features in your workspace.
CX Codex +1
★ 61repo stars
Metro MCP MCP server Connects coding assistants to the Metro bundler via Chrome DevTools Protocol. Enables runtime inspection and debugging for Expo and React Native apps.
CX Codex +1
★ 85repo stars
Datawrapper MCP server Creates and customizes Datawrapper charts through chat prompts. Useful for plotting raw data, tweaking visual palettes, and publishing web graphics.
CX Codex +1
★ 60repo stars
logoloom MCP server A local MCP server that turns SVG designs into a complete 31-file brand asset package with zero external API costs.
CX Codex +1
★ 53repo stars
designer-skill-mcp MCP server MCP server equipping AI coding agents with UI guidance, intent mapping, and static design gates. Runs locally without external API credentials.
CX Codex +1
★ 48repo stars
Ignite UI Theming MCP Server MCP server Lets an AI assistant write Ignite UI theme code: palettes, typography and light or dark themes in Sass. Handy when you need a starting theme fast.
CX Codex +1
★ 44repo stars
flowbite-mcp MCP server Connects the Flowbite library to your AI assistant to generate Tailwind CSS UI markup and turn Figma nodes into code. Helpful when assembling components from design files.
CX Codex +1
★ 42repo stars
dittu MCP server Clones any public website's frontend into Next.js or Astro components and verifies visual accuracy with pixel diffs.
CX Codex +1
★ 42repo stars
wpf-dev-pack-mcp MCP server Serves WPF development topics to AI agents directly from a local repository clone. Useful for building .NET desktop interfaces in Claude Code.
CX Codex +1
★ 41repo stars
Carbon MCP MCP server Carbon MCP gives AI clients access to Carbon components, tokens, icons, charts, docs, and code examples. Use it when building Carbon-based interfaces.
CX Codex +1
★ 40repo stars
Visual Memory MCP MCP server This server stores visual UI states and helps an agent find elements or compare screens. Use it to inspect interface changes and trace recorded tests.
CX Codex +1
★ 39repo stars
HIG Doctor MCP server Search Apple Human Interface Guidelines and audit project code against them. Useful when you need a reference for an interface decision or want to inspect audit findings.
CX Codex +1
★ 148repo stars
Uizze MCP server Connects your agent to a search over full-screen interface references and design materials. Useful when you want to see how real products solve a similar screen.
CX Codex +1
★ 68repo stars
Basecoat UI MCP MCP server An offline MCP server that hands your agent Basecoat UI templates, layouts and static checks. Useful when you build UI on Astro, Next.js or Tailwind CSS 4.
CX Codex +1
★ 38repo stars
three.ws Avatars MCP server Brings interactive 3D models into chat windows and generates iframe embed snippets. Works out of the box with zero API keys required for public assets.
CX Codex +1
★ 249repo stars
three.ws Concierge MCP server Asks a website's AI concierge questions grounded in the page itself, and writes the embed snippet for a 3D-avatar chat widget.
CX Codex +1
★ 249repo stars
three.ws Assistant Widget MCP server Generates embed snippets for an interactive 3D avatar chatbot directly in agent chat. Produces <script> tags, iframe links, and JavaScript snippets.
CX Codex +1
★ 249repo stars
open-mcp-apps MCP server Local execution layer for persistent interactive micro-apps inside AI agents. It equips coding assistants with reusable HTML interfaces linked to SQLite storage.
CX Codex +1
★ 36repo stars
EOxElements MCP server Supplies coding assistants with reference data for EOxElements geospatial web components. Speeds up building maps and spatial user interfaces in front-end projects.
CX Codex +1
★ 36repo stars
Starwind UI MCP Server MCP server Hands the agent current Starwind UI v3 knowledge: component search, install commands, docs and a v2-to-v3 migration path. Built for Astro and React work.
CX Codex +1
★ 35repo stars
ux-mcp-server MCP server An MCP server that hands your coding agent UX reference material and analysis tools: accessibility checks, contrast math, layout reviews on the code you already have.
CX Codex +1
★ 35repo stars
adaptive-cards-mcp MCP server Generates, validates, and transforms Adaptive Cards JSON for Microsoft Teams and Outlook right inside your AI assistant.
CX Codex +1
★ 33repo stars
Vlak MCP server MCP server for the Vlak design system. Supplies coding assistants with React component docs and design token references.
CX Codex +1
★ 33repo stars
Artifact Share MCP server Publishes HTML, Markdown files, and static folders to permanent URLs directly from AI coding tools. Useful for team reviews of agent-generated artifacts.
CX Codex +1
★ 33repo stars
41–80 of 116
