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

Provides AI-powered tools to apply UX/UI best practices, Nielsen's heuristics, cognitive biases, and Material-UI patterns to React components. Enables automated application of responsive design, Apple design patterns, and complete UX guidelines through natural language commands.

Get hot trending topics from social media platforms like Weibo, Douyin, Bilibili, etc. via Streamable HTTP endpoint.

Provides real-time access to Japanese building standards laws and regulations from e-Gov API, helping prevent AI hallucinations by validating citations against original legal texts.

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

Enables AI assistants to inspect React component trees, props, state, and source locations in Chrome, facilitating UI debugging and analysis.

Provides comprehensive building and office address information queries for enterprises in China, including fuzzy enterprise search, office address details and statistics, and building information queries to support geographical distribution and occupancy analysis.

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.

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

Provides AI assistants with comprehensive access to shadcn/ui v4 components, blocks, demos, and metadata across React, Svelte, Vue, and React Native, enabling efficient component integration and code generation.

Provides professional UI/UX design expertise and frontend development tools for analyzing interfaces, generating design systems, and creating modern components with accessibility and best practices built-in. Supports React, Vue, Angular and other frameworks with seamless Claude Code CLI integration.

A Model Context Protocol server that provides access to Magic UI components, allowing AI assistants and other MCP clients to discover and use UI components from the Magic UI design system.

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

Converts Figma designs into React components with TypeScript and Tailwind CSS by extracting components from Figma files and transforming them into ready-to-use code.

A sophisticated server that enables users to create, customize, and generate interactive UI components with features like dynamic form building, dashboard creation, and chart generation through a modern glassmorphism interface.

Enables AI agents to analyze and scaffold React/Next.js applications enforcing Feature-Sliced Design (FSD) conventions, providing tools for project analysis, rule retrieval, and entity generation.

Enables AI coding agents to inspect a project's design tokens and component catalog, audit React/Tailwind files against seven static UI quality rules, score overall UI health, and apply auto-fixes that are re-audited and reverted on regression. It works both locally over filesystem access and remotely on raw TSX/JSX or CSS snippets passed directly as strings.

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

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

Enables AI agents to rapidly drive and inspect real web pages through persistent browser sessions, using accessibility-tree snapshots and DevTools-grade diagnostics to identify and diagnose issues.

Helps AI assistants access shadcn/ui component documentation and examples through a TypeScript-based MCP server that provides reference information for component details, usage examples, and search capabilities.

Provides reference information for shadcn/ui components through a Model Context Protocol server that helps AI assistants access component documentation and examples.

Enables AI-powered generation, customization, and documentation of its-just-ui React components. Provides tools for component generation, theme management, form creation, responsive layouts, and accessibility guidance.

Enables comparison of mobile app screenshots against design mockups, with Calorix as the first integration target.

Enables discovery of ComfyUI nodes and building/managing workflows with real-time execution via WebSocket. Provides 50+ tools for node discovery, workflow building, template usage, model management, and batch/chain execution.

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.

A Model Control Protocol server that allows users to discover, install, and manage Shadcn UI components and blocks through natural language interactions in compatible AI tools.

Enables Claude to receive physical touch events from a phone via the PWA and respond with text, haptic vibrations, and expression changes, giving an AI companion embodied presence through touch.

Enables MCP agents to drive a running web application by registering schema-validated actions and using a WebSocket relay, with ten ui_* MCP tools for invoking actions, reading state, screenshots, and tab management.

Enables agents to scan web UI screens, follow login and test-case flows, and generate verified XPath locator .properties files with one unique locator per element, including support for iframes, SSO/MFA, proxies, and internal networks.

Allows MCP clients to create, validate, preview, and submit product showcases on Build with AK, with support for local stdio and remote HTTP transports.