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.

    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
    8
    5
    TypeScript
    MIT License
    • Apple
  • Why this server?

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

    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
    64
    JavaScript
    MIT License
    • Apple
  • Why this server?

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

    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
    137
    JavaScript
    MIT License
    • Apple
  • Why this server?

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

    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

    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
    10
    2
    JavaScript
    MIT License
  • Why this server?

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

    A
    security
    A
    license
    A
    quality
    react-mcp integrates with Claude Desktop, enabling the creation and modification of React apps based on user prompts
    9
    1
    JavaScript
    MIT License
  • Why this server?

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

    A
    security
    A
    license
    A
    quality
    Cross-reference your BirdNET-Pi data with eBird observations using natural language
    3
    1
    JavaScript
    MIT License
  • Why this server?

    Allows access to the latest React documentation for development reference

    A
    security
    A
    license
    A
    quality
    Serves as a guardian of development knowledge, providing AI assistants with curated access to latest documentation and best practices.
    4
    72
    49
    TypeScript
    MIT License
  • Why this server?

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

    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
    340
    TypeScript
  • Why this server?

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

    A
    security
    F
    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
  • Why this server?

    Supports integration with React web projects for proper asset organization

    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.

    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?

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

    -
    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.
    1
    TypeScript
    MIT License
  • Why this server?

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

    -
    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!
    7
    Python
    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.

    -
    security
    F
    license
    -
    quality
    Implements the Model Context Protocol (MCP) over HTTP to provide remote access to BluestoneApps coding standards and React Native code examples.
    TypeScript
  • Why this server?

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

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

    -
    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

    -
    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

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