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

Enables AI assistants to query accurate, up-to-date documentation for a React component library, including component lists, search, props, allowed values, defaults, and validated JSX usage examples over stdio.

MCP server for extracting UI components, design tokens, and patterns from websites and generating production-ready React, Vue, and HTML components.

Enables visual authoring and testing of MCP tools, resources, and prompts across Bun, Node.js, and Python via standard MCP transports.

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.

A TypeScript server that enhances AI assistants' capabilities when working with Starwind UI components, providing tools for project initialization, component installation, documentation access, and more.

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

Provides AI agents with visibility into React applications by exposing tools to inspect component state, props, and performance metrics. It enables debugging and state analysis for both web and React Native applications through the Model Context Protocol.

Collect YouTube trending videos without web scraping via yt-dlp MCP server. No API keys required, supports category filtering and daily rankings.

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.

Enables agents to drive a running React application through typed MCP tools, using the same actions as the UI instead of browser automation.

Enables AI harnesses to maintain a persistent memory layer backed by a local SQLite file, providing MCP tools to add, search, deprecate, and synchronize facts without deleting history.

* analyze your react projects locally * consistent output w/ AST parsing + AI * create markdown docs, llm.txt for your react code at once

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

Enables fetching weather forecasts for the USA via NWS API and for Israel via browser automation using Playwright.

Delegates frontend/UI refinement to Gemini via agy CLI, using iterative vision loops and diff-gating to realign UIs to design mockups without affecting backend code.

MCP server that lets AI agents search and inspect shadcn components from the encode-ui registry, returning metadata, source code, and install commands.

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.

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.

Enables coding agents to see the UI they just changed without flooding their context window, returning a structured text summary (console errors, failed requests, overflow, layout shifts, accessibility violations) plus small crops of only the regions that changed since the last capture. All output is fitted into a chosen token budget, with captures stored on disk and evicted automatically.

MCP server that gives Claude deep awareness of your frontend codebase by scanning components, hooks, services, routes, and data flow for React or Vue projects.

Enables AI agents to profile React applications, detect performance bottlenecks, and automatically apply fixes like memoization and code hoisting.

MCP server that gives AI coding agents hands, eyes and a mechanic's ear for React Native development.

An MCP server designed for React Native and Expo development that provides specialized tools for project scaffolding, architectural best practices, and troubleshooting. It enables AI assistants to guide users through setup, navigation configuration, and CI/CD processes using modern stacks like NativeWind and Zustand.

Enables AI coding agents to build, evaluate, and validate ServiceNow Next Experience UI Framework components and projects, helping keep component code and now-ui.json manifests in sync while using live instance API metadata.

An MCP server that runs parallel AI agents to analyze React components for performance issues, including unnecessary re-renders, memoization errors, bundle size problems, and profiling concerns.

Enables UI debugging on physical iOS devices by bridging to an in-app DebugBridge HTTP service, supporting UI inspection, element interaction, log retrieval, and runtime validation.

Enables AI-driven UI inspection and optimization by scanning websites with configurable viewports, capturing screenshots, running deterministic accessibility and layout checks, and generating prioritized reports with fix prompts.

Enables agents and users to query mapped UI flows, retrieve immutable revision-bound browser evidence and screenshots, compare flow changes across revisions, and inspect coverage gaps or UI impact.

An MCP server for React Native development with Expo, offering automated code remediation, refactoring, testing, and analysis tools to accelerate development and enforce best practices.

Provides AI agents with accurate, version-aware documentation for React Native, Expo, React Navigation, and Ignite by automatically detecting project dependencies and fetching matching documentation.