"A guide to interface components in UI design" matching MCP servers:

MCP server that exposes petal_components schemas and usage examples to AI coding assistants, enabling generation of idiomatic Phoenix LiveView markup.

Enables AI-driven generation of UI components, full applications, and backend code across multiple frameworks (React, Vue, Angular, Svelte, HTML) with Figma integration and brand identity support.

Enables retrieval and filtering of Indiana Bureau of Motor Vehicles (BMV) locations, including branches, self-service kiosks, and motorcycle training sites.

Provides AI assistants with comprehensive access to Taiga UI components, enabling retrieval of component documentation, code examples, and migration guides via four MCP tools.

Enables AI coding agents to plan, build, and review websites and product interfaces with a persistent, user-led process, including design direction, component contracts, and implementation review.

Give any LLM agent a real Android or iPhone. 62 MCP tools: tap, swipe, type, screenshot, screen-tree reading, app launch, camera, TTS, crash reports, batched execution. Android via ADB, iPhone via WebDriverAgent, on-device inference, Docker+KVM emulators. Works with Claude Code, Cursor, LangChain, LlamaIndex, and any MCP client. MIT.

Provides AI assistants with comprehensive access to Grafana's React component library, including TypeScript source code, MDX documentation, Storybook examples, test files, and design system tokens for building Grafana-compatible interfaces.

Enables integration of Gluestack components with Claude Desktop and Cursor IDE for UI development.

Remote HTTP MCP that generates stamped Next.js source from a verified component catalog with INTEGRITY.json. Public component source lives in botkelp/components.

This MCP server lets AI agents connect to Figma to read, analyze, create, and modify designs, including elements, styles, assets, and code generation. It works with free Figma accounts and supports parallel multi-agent use across MCP-compatible clients.

Gives AI coding assistants live access to the Hyperiux Vault catalog of React and Next.js animation effects. Search effects, inspect dependencies and installation instructions, and retrieve source for free effects.

he industry standard reference for safe, observable, and steerable AI agent UX. Browse and search 10 Blueprint principles, clusters, curated implementation examples, and application guides. 13 public tools require no credentials.

Enables searching the Refero design catalog in plain English and generates DESIGN.md files for any project.

A standalone Model Context Protocol service that connects MasterGo design tools with AI models, enabling AI models to directly retrieve DSL data from MasterGo design files.

Enables searching and retrieving content, module information, and Twig template snippets from a-blog cms via its GET API.

What is PandaDoc MCP? PandaDoc MCP (Model Context Protocol) server connects AI agents directly to PandaDoc's document workflow — creating, sending, and tracking contracts and agreements without leaving your AI client. How to use PandaDoc MCP? To use PandaDoc MCP, connect your PandaDoc account, provide the required API credentials, and configure the appropriate MCP client.

MCP-first A/B testing server that enables agents to manage experiments (create, update traffic splits, read results, apply winning variants) from tools like Claude Code, with self-hosted Cloudflare backend.

Provides Figma design context to AI agents, enabling code generation, design system integration, and canvas manipulation through MCP.

Provides AI assistants with access to WordPress Design System component information and design guidance.

Connects AI coding assistants to Anima Playground, Figma designs, and design systems, enabling handoff of designs to production code.