"Guide to Creating React Components" matching MCP servers:

• Figma to React MCP

  surisagar900

  A

  license

  B

  quality

  B

  maintenance

  Automates the conversion of Figma designs into TypeScript React components and integrates with GitHub to create pull requests for the generated code. It includes visual regression testing with Playwright and accessibility validation to ensure implementations match the original designs.

  Last updated 2025-09-13

  5

  4

  MIT

• MCP Figma to React Converter

  StudentOfJS

  A

  license

  -

  quality

  C

  maintenance

  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.

  Last updated 2025-04-24

  73

  MIT

• antd-components-mcp

  zhixiaoqiang

  A

  license

  A

  quality

  C

  maintenance

  一个 Ant Design 组件查询的 mcp 服务，包含 组件文档、API 文档、代码示例、组件更新日志查询

  Last updated 2026-04-27

  4

  705

  240

  MIT

• MCP-Guide

  qpd-v

  A

  license

  B

  quality

  C

  maintenance

  A beginner-friendly Model Context Protocol (MCP) server that helps users understand MCP concepts, provides interactive examples, and lists available MCP servers. This server is designed to be a helpful companion for developers working with MCP. Also comes with a huge list of servers you can install.

  Last updated 2024-12-19

  3

  24

  64

  Apache 2.0

• Components Build MCP

  getlokiui

  A

  license

  B

  quality

  C

  maintenance

  Provides AI assistants with tools to grade, generate, and validate UI components against the components.build specification. Supports searching documentation, checking compliance, and generating framework-agnostic accessible components.

  Last updated 2025-12-03

  11

  9

  Apache 2.0

• Teams Guide MCP

  geunu97

  A

  license

  C

  quality

  B

  maintenance

  Provides access to clean code guide documents and enables code quality inspection of external project files based on coding standards and best practices.

  Last updated 2025-12-04

  3

  4

  MIT

• React Native Expo MCP

  ZaharGusyatin

  F

  license

  A

  quality

  C

  maintenance

  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.

  Last updated 2026-03-10

  13

  4

• https://github.com/Streen9/rea

  kalivaraprasad-gonapa

  A

  license

  B

  quality

  C

  maintenance

  react-mcp integrates with Claude Desktop, enabling the creation and modification of React apps based on user prompts

  Last updated 2025-10-31

  2

  9

  5

  69

  MIT

• Figma to React Native MCP

  kailashAppDev

  A

  license

  C

  quality

  C

  maintenance

  Converts Figma designs to React Native components, allowing users to extract components from Figma designs and generate corresponding React Native components with proper typing and styling.

  Last updated 2025-03-24

  3

  91

  8

  MIT

• react-devtools-mcp

  skylarbarrera

  A

  license

  C

  quality

  D

  maintenance

  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.

  Last updated 2026-01-31

  45

  5

  1

  MIT

• react-analyzer-mcp

  codixor

  A

  license

  -

  quality

  C

  maintenance

  A Docker-managed MCP server for analyzing React codebases and generating component documentation from mounted workspaces. It enables users to scan projects, analyze JSX/TSX strings directly, and generate Markdown docs while ensuring safe path handling.

  Last updated 2026-04-02

  229

  ISC

• react-analyzer-mcp

  azer

  A

  license

  -

  quality

  D

  maintenance

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

  Last updated 2025-04-09

  229

  57

  ISC

• Plesk Extensions Guide MCP

  barateza

  A

  license

  -

  quality

  -

  maintenance

  Provides semantic search capabilities over the Plesk Extensions Guide documentation using Retrieval-Augmented Generation (RAG) and vector embeddings. It enables AI assistants to retrieve relevant technical information and answer natural language queries regarding Plesk extension development.

  Last updated 2026-02-11

• React USWDS MCP Server

  focus-digital

  F

  license

  -

  quality

  C

  maintenance

  Indexes the locally-installed @trussworks/react-uswds package and helps code assistants discover components, inspect props, generate correct imports and usage snippets, and suggest appropriate components for UI use cases.

  Last updated 2025-12-16

• Ant Design Components MCP

  hannesj

  F

  license

  -

  quality

  C

  maintenance

  Exposes Ant Design component documentation to Large Language Models, allowing LLMs to explore and understand Ant Design components through specialized tools for listing components, viewing documentation, inspecting props, and browsing code examples.

  Last updated 2025-03-18

  26

• ChatGPT Interactive Components

  skyrmionz

  F

  license

  -

  quality

  C

  maintenance

  Provides production-ready examples of MCP servers that demonstrate building rich, interactive UI components for ChatGPT, including authentication flows, product search with carousels, shopping cart checkout, and membership signups with state management.

  Last updated 2025-12-12

• React Native Upgrader MCP

  patrickkabwe

  A

  license

  A

  quality

  C

  maintenance

  Streamlines React Native CLI project upgrades by providing automated tools to generate detailed diffs and migration guidance between any React Native versions. Uses rn-diff-purge to help developers seamlessly upgrade or downgrade their projects with step-by-step instructions.

  Last updated 2025-10-23

  4

  15

  20

• Page Design Guide MCP

  chihebnabil

  F

  license

  A

  quality

  C

  maintenance

  Provides comprehensive design principles and best practices to help LLMs generate modern, accessible web pages through guidance on layouts, colors, and typography. It enables users to review design approaches and access expert recommendations for responsive design, component structure, and current industry trends.

  Last updated 2026-01-20

  12

  7

  3

• React Native Debugger MCP

  twodoorsdev

  A

  license

  B

  quality

  F

  maintenance

  An MCP server that connects to your React Native application debugger

  Last updated 2025-03-28

  2

  26

  32

  MIT

• React Native MCP Server

  MrNitro360

  A

  license

  C

  quality

  D

  maintenance

  Provides comprehensive React Native development assistance with expert-level automated code remediation, security vulnerability fixes, performance optimization, and production-ready code generation. Includes testing suite generation, dependency management, and accessibility compliance tools.

  Last updated 2025-08-13

  13

  70

  55

  MIT