Skip to main content
Glama
Sign In

MCP Servers for React

React is a JavaScript library for building user interfaces, maintained by Facebook and a community of developers.

View all MCP Servers

  • Why this server?

    Provides browser automation for React applications, as demonstrated with the TodoMVC React example

    Cloudflare Playwright MCPofficial

    cloudflare
    A
    security
    A
    license
    A
    quality
    A server that leverages Playwright for automated browser testing and integrates with Cloudflare Workers, enabling AI assistants to control web browsers for navigation, interaction, and screenshots.
    Last updated -
    21
    56,029
    37
    TypeScript
    Apache 2.0

  • Why this server?

    The Databutton MCP server helps build and deploy frontends using React.

    Databutton MCP Serverofficial

    databutton
    A
    security
    A
    license
    A
    quality
    An MCP server for doing doing initial app planning and creating a good starting point in Databutton – it starts a new app and generates the initial MVP tasks
    Last updated -
    1
    12
    12
    TypeScript
    MIT License
    • Apple

  • Why this server?

    Delivers up-to-date documentation and code examples for React library features

    Context7 MCP

    upstash
    A
    security
    A
    license
    A
    quality
    A Model Context Protocol server that fetches up-to-date, version-specific documentation and code examples from libraries directly into LLM prompts, helping developers get accurate answers without outdated or hallucinated information.
    Last updated -
    2
    49,375
    6,021
    JavaScript
    MIT License
    • Linux
    • Apple

  • Why this server?

    Generates modern React UI components based on natural language descriptions, supporting customization and integration into existing React codebases.

    Magic Component Platform (MCP)official

    21st-dev
    A
    security
    F
    license
    A
    quality
    An AI-powered tool that generates modern UI components from natural language descriptions, integrating with popular IDEs to streamline UI development workflow.
    Last updated -
    3
    15,453
    1,627
    TypeScript
    • Linux
    • Apple

  • Why this server?

    Enables creation and setup of React applications with proper security controls

    Windows Command Line MCP Server

    alxspiker
    A
    security
    A
    license
    A
    quality
    A secure Model Context Protocol server that allows AI models to safely interact with Windows command-line functionality, enabling controlled execution of system commands, project creation, and system information retrieval.
    Last updated -
    8
    3
    TypeScript
    MIT License

  • Why this server?

    Provides integration guide and usage instructions for implementing Hugeicons in React applications, including installation steps and component props documentation.

    hugeicons-mcp

    hugeicons
    A
    security
    A
    license
    A
    quality
    MCP server for Hugeicons integration and documentation This is a TypeScript-based MCP server that provides tools and resources for integrating Hugeicons into various platforms. It implements a Model Context Protocol (MCP) server that helps AI assistants provide accurate guidance for using Hugeicons
    Last updated -
    3
    23
    TypeScript
    MIT License
    • Apple

  • Why this server?

    Provides capabilities to retrieve React documentation and check for deprecated React patterns like class components

    MCP-researcher Server

    DaInfernalCoder
    A
    security
    A
    license
    A
    quality
    This TypeScript-based server implements a simple notes system using MCP concepts, enabling users to create, list, and summarize text notes through natural language prompts.
    Last updated -
    5
    109
    159
    JavaScript
    MIT License
    • Apple

  • Why this server?

    Allows creating React projects and generating React components (functional or class-based) with automatic prop types definition

    Node Omnibus MCP Server

    bsmi021
    A
    security
    A
    license
    A
    quality
    A comprehensive Model Context Protocol server that provides advanced Node.js development tooling for automating project creation, component generation, package management, and documentation with AI-powered assistance.
    Last updated -
    7
    2
    JavaScript
    MIT License

  • Why this server?

    Supports creating React applications using Yeoman generators with customizable options like TypeScript and Sass integration

    mcp-yeoman

    thirdstrandstudio
    A
    security
    A
    license
    A
    quality
    A Model Context Protocol (MCP) server that provides integration with Yeoman generators, allowing AI agents to search for and run Yeoman templates programmatically.
    Last updated -
    10
    JavaScript
    MIT License

  • Why this server?

    Supports generating React hooks for API endpoints, facilitating integration of OpenAPI-defined services into React applications.

    MCP OpenAPI Server

    ReAPI-com
    A
    security
    A
    license
    A
    quality
    A Model Context Protocol server that loads multiple OpenAPI specifications and exposes them to LLM-powered IDE integrations, enabling AI to understand and work with your APIs directly in development tools like Cursor.
    Last updated -
    7
    292
    7
    TypeScript
    MIT License

  • Why this server?

    Connects to React Native application debugger to provide debugging capabilities

  • Why this server?

    Allows for creating, running, and managing React applications, including editing components, installing dependencies, and executing development tasks

  • Why this server?

    Provides tools for planning React-based application development, including project structure setup, component planning, and implementation tracking specifically for React applications.

    Software Planning Tool

    NightTrek
    A
    security
    A
    license
    A
    quality
    Facilitates interactive software development planning by managing tasks, tracking progress, and creating detailed implementation plans through the Model Context Protocol.
    Last updated -
    6
    122
    JavaScript
    MIT License
    • Apple

  • Why this server?

    Can fetch detailed documentation for the React library, as specifically referenced in the example queries.

    DocsFetcher MCP Server

    cdugo
    A
    security
    A
    license
    A
    quality
    Fetches and extracts comprehensive package documentation from multiple programming language ecosystems (JavaScript, Python, Java, etc.) for LLMs like Claude without requiring API keys.
    Last updated -
    4
    5
    10
    JavaScript
    MIT License
    • Apple
    • Linux

  • Why this server?

    Provides accessibility testing for React applications, with specific support for testing React components for accessibility violations.

    Cursor A11y MCP

    westsideori
    A
    security
    A
    license
    A
    quality
    Provides accessibility testing capabilities through CLI, helping identify accessibility issues in web applications using axe-core and Puppeteer.
    Last updated -
    1
    JavaScript
    MIT License

  • Why this server?

    Extracts SVG components from React files and removes React-specific code and props

    mcp-data-extractor

    sammcj
    A
    security
    A
    license
    A
    quality
    A Model Context Protocol server that extracts embedded data (such as i18n translations or key/value configurations) from TypeScript/JavaScript source code into structured JSON configuration files.
    Last updated -
    2
    14
    2
    JavaScript
    MIT License

  • Why this server?

    Offers feature flag management specifically tailored for React applications, including TypeScript type generation with React-specific formats

    Bucket Feature Flags MCP Serverofficial

    bucketco
    -
    security
    A
    license
    -
    quality
    Flag features directly from chat in your code editor, including VS Code, Cursor, Windsurf, Claude Code—any IDE with MCP support.
    Last updated -
    2,225
    10
    TypeScript
    MIT License

  • Why this server?

    Supports development workflows for React Native applications built with Expo, enabling file operations and process management for React Native projects.

    Expo MCP Server

    mattlemmone
    A
    security
    F
    license
    A
    quality
    A Model Context Protocol server that provides development and debugging tools for Expo-based React Native applications, enabling developers to manage Expo servers, capture logs, and manipulate project files.
    Last updated -
    11
    TypeScript

  • Why this server?

    Delivers frontend-specific prompt suggestions optimized for React framework development

    RT-Prompt-MCP

    yuyao1999
    A
    security
    F
    license
    A
    quality
    A Model Context Protocol server that provides specialized prompt suggestions for backend development, frontend development, and general tasks to help LLMs generate better content.
    Last updated -
    4
    0
    TypeScript

  • Why this server?

    Offers access to React Native development standards and code examples, including project structure, API communication, component design, state management, and various reusable components.

    BluestoneApps MCP Remote Server

    lallen30
    A
    security
    F
    license
    A
    quality
    Implements the Model Context Protocol (MCP) over HTTP to provide remote access to BluestoneApps coding standards and React Native code examples.
    Last updated -
    10
    TypeScript
    • Apple

  • Why this server?

    Enables access to React package information including version details, description, and repository data to support development decisions.

    NPM MCP Server

    mateusribeirocampos
    A
    security
    F
    license
    A
    quality
    A Model Context Protocol server that allows AI models to fetch detailed information about npm packages and discover popular packages in the npm ecosystem.
    Last updated -
    1
    TypeScript

  • Why this server?

    Supports generating React components for Aptos blockchain applications, such as wallet connection interfaces.

    aptos-mcp

    Tlazypanda
    A
    security
    F
    license
    A
    quality
    A MCP server for interacting with Aptos documentation and creating full-stack Aptos blockchain applications.
    Last updated -
    6
    Python
    • Apple

  • Why this server?

    Generates modern React UI components from natural language descriptions that can be customized and integrated into existing React projects

    Magic Component Platform

    oyasimi1209
    A
    security
    F
    license
    A
    quality
    AI-driven tool that helps developers create beautiful UI components instantly through natural language descriptions, integrating with popular IDEs like Cursor, Windsurf, and VSCode.
    Last updated -
    3
    1

  • Why this server?

    Supports integration with React web projects for proper asset organization

    EverArt Forge MCP Server

    nickbaumann98
    A
    security
    F
    license
    A
    quality
    An advanced MCP server for Cline that leverages EverArt's AI models to generate vector and raster images, supporting flexible storage, multiple formats, and robust image generation capabilities.
    Last updated -
    3
    1
    JavaScript

  • Why this server?

    Generates visualizations and interactive components for Illumio data analysis, including application dependencies, traffic patterns, security assessments, and remediation planning.

    Illumio MCP Server

    alexgoller
    A
    security
    F
    license
    A
    quality
    A Model Context Protocol server that enables conversational AI interaction with Illumio PCE for security policy management, workload operations, traffic flow analysis, and compliance assessment.
    Last updated -
    23
    Python
    • Apple

  • Why this server?

    Enables scraping, indexing, and searching React documentation with version-specific support, allowing users to search across different React versions.

    docs-mcp-server

    arabold
    -
    security
    A
    license
    -
    quality
    A Model Context Protocol (MCP) server that scrapes, indexes, and searches documentation for third-party software libraries and packages, supporting versioning and hybrid search.
    Last updated -
    246
    75
    TypeScript
    MIT License
    • Apple

  • Why this server?

    Provides documentation and usage examples for React, including analyzing deprecated patterns like class components and suggesting modern alternatives

    MCP-researcher Server

    clssck
    -
    security
    A
    license
    -
    quality
    A powerful research assistant that integrates with Cline and Claude Desktop to leverage Perplexity AI for intelligent search, documentation retrieval, API discovery, and code modernization assistance while coding.
    Last updated -
    2
    JavaScript
    MIT License

  • Why this server?

    Offers support for analyzing ReactNative applications through hermes code examination capabilities

    JADX-MCP-SERVER

    zinja-coder
    -
    security
    A
    license
    -
    quality
    A Model Context Protocol server that connects to a custom JADX fork (JADX-AI) and enables local LLMs to interact with decompiled Android app code for live reverse engineering assistance.
    Last updated -
    72
    Python
    Apache 2.0

  • Why this server?

    Provides the foundation for the user interface components, enabling interactive document viewing and processing capabilities.

    MCP Document Processor

    arifazim
    -
    security
    A
    license
    -
    quality
    An intelligent document processing system that automatically classifies, extracts information from, and routes business documents using the Model Context Protocol (MCP).
    Last updated -
    Python
    GPL 3.0

  • Why this server?

    Provides access to React-focused prompts from promptz.dev, such as 'React Component Generator' for creating React components and 'React Component Documentation' for improving documentation.

    promptz.dev MCP Server

    cremich
    -
    security
    A
    license
    -
    quality
    Allows AI assistants to access prompts from promptz.dev API without copy-pasting, reducing context switching in your development workflow.
    Last updated -
    5
    TypeScript
    MIT No Attribution
    • Apple

  • Why this server?

    Delivers the user interface for the fashion recommender, enabling image uploads and displaying clothing recommendations.

    FastMCP_RecSys

    attarmau
    -
    security
    A
    license
    -
    quality
    A CLIP-Based Fashion Recommender system that allows users to upload clothing images and receive tags and recommendations based on visual analysis.
    Last updated -
    Python
    Apache 2.0
    • Linux
    • Apple

  • Why this server?

    Provides a React-based frontend for the fashion recommendation system, allowing users to upload clothing images and view recommendations.

    FastMCP_RecSys

    attarmau
    -
    security
    A
    license
    -
    quality
    A CLIP-Based Fashion Recommender system with MCP that provides fashion recommendations based on uploaded images.
    Last updated -
    Python
    Apache 2.0
    • Linux
    • Apple

  • Why this server?

    Enables access to React documentation, allowing AI assistants to retrieve and reference React's technical documentation for more accurate coding assistance

  • Why this server?

    Offers specialized tools for testing React components, including automated test generation and execution with props handling

    MCP Frontend Testing Server

    StudentOfJS
    -
    security
    A
    license
    -
    quality
    Provides tools for frontend testing including code analysis, test generation, test execution, and React component testing for Jest and Cypress frameworks.
    Last updated -
    2
    TypeScript
    MIT License

  • Why this server?

    Generates React components from Figma designs, including support for component extraction and creation of functional React components.

    MCP Figma to React Converter

    StudentOfJS
    -
    security
    A
    license
    -
    quality
    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 -
    14
    TypeScript
    MIT License

  • Why this server?

    Supports editing and syntax validation for React JSX files (.jsx), ensuring code changes maintain proper React syntax.

    editor-mcp

    danielpodrazka
    -
    security
    A
    license
    -
    quality
    A Python-based text editor server built with FastMCP that provides tools for file operations. This server enables reading, editing, and managing text files through a standardized API following a multi-step process.
    Last updated -
    2
    Python
    MIT License
    • Linux
    • Apple

  • Why this server?

    Designed for integration with React Native PaveApp, providing database access capabilities

    Yazdani-Supabase-MCP Server

    byazdani9
    -
    security
    A
    license
    -
    quality
    An MCP server that enables natural language querying of Supabase PostgreSQL databases using Claude 3.7, allowing users to inspect schemas, execute SQL, manage migrations, and convert natural language to SQL queries.
    Last updated -
    Python
    MIT License
    • Linux
    • Apple

  • Why this server?

    Supports React development workflows with TypeScript, particularly for implementing generic state management hooks with proper type safety and React best practices.

    think-mcp-server

    marcopesani
    -
    security
    A
    license
    -
    quality
    A minimal MCP Server that provides Claude AI models with the 'think' tool capability, enabling better performance on complex reasoning tasks by allowing the model to pause during response generation for additional thinking steps.
    Last updated -
    525
    1
    TypeScript
    MIT License
    • Apple

  • Why this server?

    Supports setup planning for TypeScript frontend libraries with React components

    TypeScript Prompt MCP Server

    gpaul-mcp
    -
    security
    A
    license
    -
    quality
    Provides pre-defined prompt templates for AI assistants to generate comprehensive plans for TypeScript projects, API architectures, and GitHub workflows.
    Last updated -
    0
    TypeScript
    MIT License

  • Why this server?

    Allows generation of React components for Fledge data visualization, enabling the creation of custom UI elements to display sensor data from Fledge instances.

    Fledge MCP Server

    Krupalp525
    -
    security
    A
    license
    -
    quality
    Connects Fledge functionality to Cursor AI, allowing interaction with Fledge instances via natural language commands.
    Last updated -
    Python
    MIT License

  • Why this server?

    Powers the Web DApp that provides the user interface for wallet connection and transaction signing

    MCP Blockchain Server

    zhangzhongnan928
    -
    security
    A
    license
    -
    quality
    A secure system enabling AI assistants to interact with blockchain data and prepare transactions while ensuring users maintain exclusive control over their private keys and transaction signing.
    Last updated -
    3
    TypeScript
    MIT License

  • Why this server?

    Enables data-driven visualizations using React artifacts for displaying bird detection data and statistics.

    mcp-server-birdstats

    DMontgomery40
    -
    security
    A
    license
    -
    quality
    Cross-reference your BirdNET-Pi data with eBird observations using natural language
    Last updated -
    1
    1
    JavaScript
    MIT License

  • Why this server?

    Allows scaffolding frontend applications using the 'react-builder' tool as part of the full-stack app development capabilities.

    Swiss

    a1j9o94
    -
    security
    A
    license
    -
    quality
    Swiss MCP is your AI-powered command center for orchestrating complex tasks with ease. Think of it as your personal AI assistant that can coordinate multiple AI tools to accomplish amazing things!
    Last updated -
    8
    Python
    MIT License

  • Why this server?

    Allows access to the latest React documentation for development reference

    mcp-codex-keeper

    aindreyway
    -
    security
    A
    license
    -
    quality
    Serves as a guardian of development knowledge, providing AI assistants with curated access to latest documentation and best practices.
    Last updated -
    4
    87
    52
    TypeScript
    MIT License

  • Why this server?

    Mentioned as a possible app type in the manifest.json structure, allowing creation of React-based web applications

    Goose App Maker MCP

    michaelneale
    -
    security
    F
    license
    -
    quality
    This MCP server allows users to create, manage, and serve web applications through Goose, storing apps in configurable directories and providing web app serving capabilities.
    Last updated -
    JavaScript
    • Linux
    • Apple

  • Why this server?

    Enables the generation of React components based on natural language descriptions, supporting the creation of UI elements for React applications.

    SupaUI MCP Server

    buoooou
    -
    security
    F
    license
    -
    quality
    A Model Context Protocol server that enables AI agents to generate, fetch, and manage UI components through natural language interactions.
    Last updated -
    10
    2
    TypeScript

  • Why this server?

    Generates React Native components from Figma designs, supporting nested components and maintaining component hierarchy with proper typing and styling.

    Figma to React Native MCP

    kailashAppDev
    -
    security
    F
    license
    -
    quality
    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 -
    111
    1
    TypeScript

  • Why this server?

    Processes Figma design data into React-compatible format for direct implementation in React applications, providing React-ready component structures.

    Figma MCP Server

    sanjeev23oct
    -
    security
    F
    license
    -
    quality
    A bridge between Figma designs and React implementations that enables pixel-perfect conversion of Figma designs into React applications by processing Figma file data into React-friendly format.
    Last updated -
    647
    TypeScript

  • Why this server?

    Supports performance optimization analysis for React components through the advanced reasoning tools

    MCP Advanced Reasoning Server

    AzDeltaQQ
    -
    security
    F
    license
    -
    quality
    A Model Context Protocol server that enhances Claude in Cursor AI with advanced reasoning capabilities including Monte Carlo Tree Search, Beam Search, R1 Transformer, and Hybrid Reasoning methods.
    Last updated -
    1
    TypeScript

  • Why this server?

    Enables generation of customized checkout form components specifically for React applications to integrate with Worldpay payment processing.

    Worldpay MCP Server

    simonwfarrow
    -
    security
    F
    license
    -
    quality
    A server implementing the Model Context Protocol to make and query payments through Worldpay APIs, enabling payment processing, payment queries, and checkout form generation.
    Last updated -
    TypeScript

  • Why this server?

    Offers React best practices including component structure, hooks usage, component patterns, state management, performance optimization, and TypeScript integration.

    Coding Standards MCP Server

    ggerve
    -
    security
    F
    license
    -
    quality
    Provides tools for accessing coding style guidelines and best practices for various technologies including Java, Python, and React.
    Last updated -
    Python

  • Why this server?

    Used for building the WebView panel frontend of the extension

    Integrated MCP Server

    patelnav
    -
    security
    F
    license
    -
    quality
    Facilitates real-time tool discovery and documentation retrieval for command-line tools within a VSCode extension, using Express and SSE for secure and dynamic content streaming.
    Last updated -
    4
    TypeScript

  • Why this server?

    Enables documentation search and code improvement suggestions for React.js applications

    MCP Documentation Server

    mahawi1992
    -
    security
    F
    license
    -
    quality
    A smart documentation server that provides AI-assisted code improvement and documentation management through Claude Desktop integration.
    Last updated -
    7
    TypeScript

  • Why this server?

    Provides the frontend portal interface for uploading training images, deployed as a Cloud Run service to interact with the backend processing pipeline.