MCP Servers for React
React is a JavaScript library for building user interfaces, maintained by Facebook and a community of developers.
Why this server?
The Databutton MCP server helps build and deploy frontends using React.
AsecurityAlicenseAqualityAn 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 tasks185TypeScriptMIT LicenseWhy this server?
Provides tools for planning React-based application development, including project structure setup, component planning, and implementation tracking specifically for React applications.
AsecurityAlicenseAqualityFacilitates interactive software development planning by managing tasks, tracking progress, and creating detailed implementation plans through the Model Context Protocol.664JavaScriptMIT LicenseWhy this server?
Provides capabilities to retrieve React documentation and check for deprecated React patterns like class components
AsecurityAlicenseAqualityThis TypeScript-based server implements a simple notes system using MCP concepts, enabling users to create, list, and summarize text notes through natural language prompts.5137JavaScriptMIT LicenseWhy this server?
Provides accessibility testing for React applications, with specific support for testing React components for accessibility violations.
westsideoriVerifiedAsecurityAlicenseAqualityProvides accessibility testing capabilities through CLI, helping identify accessibility issues in web applications using axe-core and Puppeteer.1JavaScriptMIT LicenseWhy this server?
Extracts SVG components from React files and removes React-specific code and props
AsecurityAlicenseAqualityA 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.2102JavaScriptMIT LicenseWhy this server?
Allows for creating, running, and managing React applications, including editing components, installing dependencies, and executing development tasks
AsecurityAlicenseAqualityreact-mcp integrates with Claude Desktop, enabling the creation and modification of React apps based on user prompts91JavaScriptMIT LicenseWhy this server?
Enables data-driven visualizations using React artifacts for displaying bird detection data and statistics.
AsecurityAlicenseAqualityCross-reference your BirdNET-Pi data with eBird observations using natural language31JavaScriptMIT LicenseWhy this server?
Allows access to the latest React documentation for development reference
AsecurityAlicenseAqualityServes as a guardian of development knowledge, providing AI assistants with curated access to latest documentation and best practices.47249TypeScriptMIT LicenseWhy this server?
Generates modern React UI components based on natural language descriptions, supporting customization and integration into existing React codebases.
AsecurityFlicenseAqualityAn AI-powered tool that generates modern UI components from natural language descriptions, integrating with popular IDEs to streamline UI development workflow.3340TypeScriptWhy this server?
Allows creating React projects and generating React components (functional or class-based) with automatic prop types definition
AsecurityFlicenseAqualityA 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.72JavaScriptWhy this server?
Supports integration with React web projects for proper asset organization
AsecurityFlicenseAqualityAn 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.31JavaScriptWhy this server?
Generates visualizations and interactive components for Illumio data analysis, including application dependencies, traffic patterns, security assessments, and remediation planning.
AsecurityFlicenseAqualityA Model Context Protocol server that enables conversational AI interaction with Illumio PCE for security policy management, workload operations, traffic flow analysis, and compliance assessment.23PythonWhy this server?
Powers the Web DApp that provides the user interface for wallet connection and transaction signing
-securityAlicense-qualityA 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.1TypeScriptMIT LicenseWhy this server?
Allows scaffolding frontend applications using the 'react-builder' tool as part of the full-stack app development capabilities.
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.
-securityFlicense-qualityImplements the Model Context Protocol (MCP) over HTTP to provide remote access to BluestoneApps coding standards and React Native code examples.TypeScriptWhy this server?
Enables generation of customized checkout form components specifically for React applications to integrate with Worldpay payment processing.
-securityFlicense-qualityA server implementing the Model Context Protocol to make and query payments through Worldpay APIs, enabling payment processing, payment queries, and checkout form generation.TypeScriptWhy this server?
Offers React best practices including component structure, hooks usage, component patterns, state management, performance optimization, and TypeScript integration.
-securityFlicense-qualityProvides tools for accessing coding style guidelines and best practices for various technologies including Java, Python, and React.PythonWhy this server?
Used for building the WebView panel frontend of the extension
-securityFlicense-qualityFacilitates 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.4TypeScriptWhy this server?
Enables documentation search and code improvement suggestions for React.js applications
-securityFlicense-qualityA smart documentation server that provides AI-assisted code improvement and documentation management through Claude Desktop integration.6TypeScript