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?

    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
    1
    12
    12
    TypeScript
    MIT License
    • Apple

  • 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
    3
    TypeScript
    MIT License
    • 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.
    3
    7,048
    1,041

  • Why this server?

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

    MCP-researcher Server

    DaInfernalCoder
    Verified
    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.
    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.
    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
    Verified
    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.
    10
    JavaScript
    MIT License

  • Why this server?

    Enables creation and setup of React applications with proper security controls

    Windows Command Line MCP Server

    alxspiker
    Verified
    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.
    8
    3
    TypeScript
    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
    Verified
    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.
    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.
    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.
    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
    Verified
    A
    security
    A
    license
    A
    quality
    Provides accessibility testing capabilities through CLI, helping identify accessibility issues in web applications using axe-core and Puppeteer.
    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.
    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.
    1,744
    9
    TypeScript
    MIT License

  • 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.
    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
    Verified
    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.
    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.
    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.
    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.
    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.
    23
    Python
    • Apple

  • 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.
    53
    Python
    Apache 2.0

  • 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.
    1
    Python
    Apache 2.0

  • Why this server?

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

    editor-mcp

    danielpodrazka
    Verified
    -
    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.
    2
    Python
    MIT License
    • Linux
    • 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
    Verified
    -
    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.
    391
    9
    TypeScript
    MIT License
    • 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.
    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
    Verified
    -
    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.
    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
    Verified
    -
    security
    A
    license
    -
    quality
    Provides pre-defined prompt templates for AI assistants to generate comprehensive plans for TypeScript projects, API architectures, and GitHub workflows.
    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
    Verified
    -
    security
    A
    license
    -
    quality
    Connects Fledge functionality to Cursor AI, allowing interaction with Fledge instances via natural language commands.
    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.
    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
    Verified
    -
    security
    A
    license
    -
    quality
    Cross-reference your BirdNET-Pi data with eBird observations using natural language
    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!
    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.
    4
    87
    52
    TypeScript
    MIT License

  • 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
    Verified
    -
    security
    F
    license
    -
    quality
    Allows AI assistants to access prompts from promptz.dev API without copy-pasting, reducing context switching in your development workflow.
    184
    TypeScript
    • 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.
    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
    Verified
    -
    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.
    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.
    562
    TypeScript

  • 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
    F
    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.
    3
    TypeScript

  • 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
    F
    license
    -
    quality
    Provides tools for frontend testing including code analysis, test generation, test execution, and React component testing for Jest and Cypress frameworks.
    1
    TypeScript

  • Why this server?

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

    MCP Advanced Reasoning Server

    AzDeltaQQ
    Verified
    -
    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.
    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.
    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.
    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.
    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.
    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.