"Building Visually Appealing, Modern Websites Using React with Trending UI Designs" matching MCP servers:

Search, inspect and install the 21 free MIT components of Marvelous UI (framework-agnostic Web Components and CSS) and their design tokens into a project. Runs locally over stdio with no network calls.

Search, inspect and install Ballmac UI React + Tailwind components, blocks and templates, with props, keyboard notes and the exact shadcn install command, and plan whole pages from blocks.

Imports public websites and extracts UI components and design tokens, making them available via MCP for AI coding agents to reuse in implementations.

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.

MCP server for the NS UI React component registry. Search components, inspect source and details, list categories, get install commands, and retrieve design-token conventions.

Native Claude Code integration for @annondeveloper/ui-kit — a zero-dependency React component library with 147 components, 3 weight tiers, physics-based animations, and OKLCH color system. Gives Claude deep awareness of the library's components, design patterns, and conventions. Includes 5 skills for component discovery, code generation, design system reference, tier selection, and accessibility

Gives MCP clients access to a registry of elite UI patterns, components, and motion configs with real, copy-pasteable React/TSX implementations.

Ply — ply-ui.com — is an Angular + Tailwind copy-in catalog for coding agents. List, search, and inspect 218 components (128 MIT). This host is read-only and returns npx ply-ui-cli add . Local stdio: npx -y ply-ui-mcp. Not MUI Base UI.

Enables AI assistants to generate production-ready, professional UI design systems and components from simple descriptions, with real images, animated components, and automated quality checks.

Bidirectional MCP bridge enabling AI assistants to draw UI on Figma canvas and read designs back as structured data or code tokens via localhost, requiring Figma Desktop.

Enables MCP clients to read design structure, take screenshots, create nodes, and edit UI directly on Figma canvas via a bridge between MCP and Figma Desktop.

MCP server for the coss ui design system, enabling AI agents to fetch components, props, and design tokens on demand for accurate, low-cost code generation.

Converts a Figma file into a React project using Ant Design, AG Grid, ApexCharts, and Tailwind CSS, with optional export of mobile screens as a React Native (Expo) app.

Provides AI assistants with comprehensive access to Gluestack UI components, source code, and examples for React Native development.

Converts Figma designs into production-ready React components with design token extraction, widget registry integration, and micro-frontend module generation.

Enables AI models to generate interactive visuals including charts, diagrams, UI mockups, and SVG graphics from plain text prompts. This Windows-based MCP server serves as an intermediary to bridge AI tools with visual output capabilities.

Enables AI assistants to search, understand, and retrieve UI components from ui-layouts.com through tools like search, documentation, metadata, and source code access.

Enables searching public UI design libraries (Refero, Mobbin, ScreensDesign, Dribbble) for real app and website screens, downloading them into a category-organized local library that can be searched offline, and capturing screenshots of any web page with a real browser. Works from any MCP client or as a standalone CLI.

Enables offline composition and validation of Basecoat UI interfaces in Astro and static HTML projects via curated templates, design resources, and static checks.

Local, free MCP server for brand logo search and shadcn/ui component search & source lookup, requiring no API keys or login.

Enables AI agents to inspect Unity UI Toolkit screens, examine element structure and styles, and capture screenshots without entering Play Mode or building a Player.

MCP server providing 33 verified Motion for React APIs with correct imports and defaults, enabling AI assistants to generate accurate animation code.

Provides component information, usage guidelines, and code generation for AWS Cloudscape Design System in React, with search and pattern library capabilities.

Enables AI assistants to control Blender 3D modeling and rendering through natural language commands via the Model Context Protocol.

An MCP server that lets Claude Code drive the Cocos Creator 3.8.x editor to build UI, enabling translation of Figma designs into Cocos scenes by creating nodes, components, sprites, and prefabs.

Enables MCP clients to control Cocos Creator 2.x for UI design, such as translating Figma designs into Cocos scenes by creating nodes, components, and prefabs.

Serves design-system context and judgment from versioned tenet-ui snapshots, letting agents query component catalogs, tokens, guidelines, and baselines while writing and checking their own code.

Enables MCP-capable LLMs to generate and render ephemeral Prefab UI interfaces at runtime, with tools for generating UI code and searching Prefab components.

MCP server that helps AI agents create UIs that don't look AI-generated by auditing components, refining copy, suggesting themes, and checking accessibility/contrast.

Provides comprehensive UI design assistance tools for LLMs, generating color palettes, typography, spacing systems, shadows, design tokens, and more via the MCP protocol.