Best React MCP Servers
React is a JavaScript library for building user interfaces, maintained by Facebook and a community of developers.
Why this server?
Provides SDK patterns, hook examples (like useOrderEntry and usePositionStream), and UI component guides specifically for building trading interfaces with React and the Orderly SDK v2.
AlicenseAqualityBmaintenanceThe Orderly Network MCP server gives AI assistants direct access to Orderly documentation, SDK patterns, API references, workflows, and contract addresses through a single MCP integration. It helps developers build trading UIs and integrations faster by making Orderly-specific guidance and code examples instantly queryable.491,046 npm10MITWhy this server?
Allows authoring slides with React components out of the box, enabling interactive and dynamic slide content.

kadal-deckofficial
AlicenseAqualityBmaintenanceWrite, check, screenshot and publish MDX slide decks with a live audience room (polls, quizzes, Q&A). Runs locally over stdio with npx @kadal/deck mcp.241AGPL 3.0Why this server?
Provides enhanced documentation, type signatures, examples, version migration guides, and error diagnosis for React packages.

Augments MCP Serverofficial
AlicenseAqualityDmaintenanceA next-generation framework documentation provider for Claude Code via Model Context Protocol (MCP). Returns types + prose + examples with context-aware formatting for any npm package — not just curated ones.848 npm127MITWhy this server?
Allows React applications to add real-time chat, voice, and video using the CometChat React UI Kit.

CometChat Docsofficial
AlicenseAqualityAmaintenanceCometChat docs search + implementation bundles: add chat, voice, video & moderation to your app. Read-only, no account needed; four tools and eleven bundles compiled from the live documentation.4136Apache 2.0Why this server?
Generates production-ready React form hooks and components that submit inquiries to SounnyForms.

sounnyforms-mcpofficial
AlicenseAqualityCmaintenanceEnables AI agents to submit and triage leads via email, check endpoint health, and generate production-ready form code across multiple frameworks without requiring API keys.46 npmMITWhy this server?
Generates React components with TypeScript, hooks, accessibility support, and converts class components to functional components with hooks
AlicenseBqualityBmaintenanceA comprehensive development toolkit with 23 tools covering code quality analysis, development efficiency, and project management. Enables AI-assisted code review, test generation, performance analysis, SQL generation, UI component creation, and automated project documentation.829128 npm41MITWhy this server?
Provides embed/link instructions for integrating hosted policies into React applications.
AlicenseAqualityBmaintenanceGenerates legal policies (privacy, terms, cookies, etc.) directly from AI coding tools by analyzing codebase context.16135 npmMITWhy this server?
Ships the @splithub/react client (SplitHubProvider, useValue, useTrack, useIdentify, <Experiment>/<Variant>) so React sites and apps can render A/B experiment variants without flicker and send pageviews and track() events to SplitHub.

SplitHubofficial
AlicenseBqualityBmaintenanceMCP tools for coding agents to create, start, pause and finish A/B tests, push TypeScript experiment config, and read results for React and Next.js apps. SplitHub Cloud returns statistical verdicts; self-hosted projects return raw visitor and conversion counts.361MITWhy this server?
Supports React Three Fiber pages the same way as plain three.js: opens the app (including via a dev-server command), inspects the scene graph and named objects, drives interactions frame by frame, evaluates expressions against scene/camera/renderer, and performance-checks and optimizes the rendered result.

paprika3dofficial
AlicenseAqualityBmaintenanceThree.js MCP server and Claude Code plugin: screenshot, play, test and profile the three.js pages your coding agent builds, in headless Chrome or Firefox.161,312 npm6Apache 2.0