#react

Browse and install 75+ free animated, shadcn-compatible React components from AI Canvas, each with AI reproduction prompts. Read-only MCP server over the live aicanvas.me registry; eight tools.

Connect AI assistants to AppAmbit — the command center for your mobile & desktop apps. Query real-time analytics, sessions, and crash reports; read and push remote config; send push notifications, provision and query managed per-app SQLite databases, deploy serverless Cloud Code functions; and manage a headless CMS. Also generates SDK setup snippets and runs integration diagnostics. Supports .NET MAUI, Swift, Objective-C, Android and more. Built for indie devs, mobile teams, and agencies.

Design-system knowledge for AI agents: live React component APIs, patterns, and generated-code validation. Agents build real dashboards, not slop. Free.

Give what Claude (or any AI client) builds a real, shareable URL. Deploy HTML/React artifacts to a hosted link that's private by default, with password or email-verification sharing. Updates and rollbacks keep the same URL. EU hosting, free tier.

MDMA (Markdown Document with Mounted Applications) MCP server. Exposes the MDMA spec, authoring prompts, package metadata, and always-fresh docs so AI assistants generate interactive Markdown instead of plain text — forms, tables, approval gates, charts, callouts, webhooks and more, from a validated schema. Tools: get-spec, get-prompt, build-system-prompt, validate-prompt, list-packages, list-docs, get-doc. Use it when building chat apps, agents, or tools that emit MDMA documents. Open source (MIT). Install: npx @mobile-reality/mdma-mcp Project: https://mdma.software Repo: https://github.com/MobileReality/mdma Built by Mobile Reality — https://themobilereality.com

Mowgli is an intelligent product canvas that connects to your coding agent over MCP or as an Agent Skill. Use it to turn an existing frontend or GitHub repo into pixel-perfect, editable React + Tailwind designs, iterate on them in natural language, and sync the results back into your codebase — with zero drift between design and implementation. Iteration is the heart of Mowgli, and it goes far beyond tweaking. Working in plain English, your agent can show you variations of a screen, design entirely new flows, experiment with sweeping changes across the whole product, or make surgical, pixel-level edits — all in seconds, and all kept consistent across every screen. Because Mowgli is spec-backed, it understands your product as a whole (user journeys, navigation, and every state, not just the happy path), so it iterates with real product context rather than redrawing in the dark. Reach for Mowgli when you want to: redesign a "vibe-coded" app that works but looks generic; escape the default AI-slop design aesthetic and ship UI with real taste; visualize every screen and state of a product on one infinite canvas; explore a new visual identity with a moodboard (upload references, mix and match styles, generate a consistent design direction across all screens); scope and spec a product before building; import Figma files and edit them with AI; or hand finished designs back to your agent to implement. It works with Claude Code, Cursor, Codex, Antigravity, and Figma. Connect the MCP server at https://app.mowgli.ai/mcp, or install the Agent Skill with npx skills add mowgli-ai/skills.

Drives a browser - or a native Expo/React Native app on iOS/Android - and your dev server, putting both on one correlated timeline so a browser console error and the backend stack trace from the same moment line up. For Claude Code and AI agents.

Zaklad is a platform for building design systems. This MCP server lets you create, manage and view your own design system with AI: build and edit design tokens, themes, components, and icons. Zaklad turns them into a Figma library and production-ready code.

Search and fetch icons from 200,000+ icons across 100+ open-source libraries. Supports Material Design, Lucide, Heroicons, Phosphor, Tabler, Font Awesome, and more. No API key required.

An unofficial MCP Server for PrimeReact 10.x to fill the gap while we wait for the official one (coming with PrimeReact v11). **What it does:** - Covers 105 PrimeReact v10 components parsed from their TypeScript definitions - Exposes props, types, JSDoc descriptions, and event callbacks - Tools include: `get_component`, `get_component_props`, `search_components`, `suggest_component`, `get_form_components`, `get_data_components`, and more **Why it's useful:** If you use Claude Code, Cursor, or any MCP-compatible AI assistant, you can now get accurate PrimeReact component suggestions and code generation grounded in the actual API — no more hallucinated props.

Globestudio is an open-source, designer-first tool for creating dotted maps and animated 3D globes. Choose any region from a single country to the whole world, customize dot shapes and colors, layer on shader effects, and export to PNG, SVG, or animated WebM. Built on React and Three.js, it runs entirely client-side and can be embedded anywhere with a one-line script tag or iframe.

The TouchDesigner MCP server — describe a visual to Claude, Cursor or Codex and it builds a real, playable node network (audio-reactive, generative, particle, 3D, feedback) with live knobs + MIDI/OSC/DMX, then checks for errors and previews its own work.

The TouchDesigner MCP server — describe a visual to Claude, Cursor, or Codex, and it builds a real, playable node network (audio-reactive, generative, particle, 3D, feedback) with live knobs + MIDI/OSC/DMX, then checks for errors and previews its own work.

MCP server for searching and using MingCute icons in AI coding assistants. It supports English and Chinese keyword search, icon details, categories, and usage examples for React, Vue, Webfont, and SVG.

Create AI music videos and audio-reactive visuals from songs through MCP.

Official MCP server for UploadKit, the file-uploads platform for developers. Gives Claude Code, Cursor, Windsurf, and Zed first-class knowledge of UploadKit's 40+ open-source React components, Next.js route handler scaffolding, <UploadKitProvider> wiring, BYOS (S3/R2/GCS/B2) configuration, and full-text search across 88+ docs pages. Runs locally via npx — no API key, no telemetry, no config.

Pick any element on any webpage and send its HTML, CSS, React props, console logs, and network context to Claude Code, Cursor, or Windsurf via MCP — in one click.

MetaMask Embedded Wallets MCP (formerly Web3Auth) gives AI coding assistants live access to Embedded Wallets documentation, SDK references, integration examples, and community troubleshooting. MetaMask Embedded Wallets is not a wallet app itself, but embedded wallet infrastructure that helps developers add non-custodial Web3 wallets to web, mobile, and gaming apps using familiar login methods like Google, GitHub, email, SMS, and other OAuth or passwordless flows. This MCP server is built for real integration work. It lets agents search docs, fetch full documentation pages, retrieve complete example code, inspect SDK types and hooks, and surface real-world implementation issues. It is especially useful for tasks like choosing the right SDK, implementing social login, understanding key derivation behavior, avoiding wallet address changes caused by auth or configuration mistakes, and debugging framework-specific issues across React, Next.js, Flutter, React Native, and other platforms. Use it when you want an AI assistant to generate or review MetaMask Embedded Wallets integrations using current source material instead of stale model memory. Pair it with the MetaMask Embedded Wallets Skill for best results: the skill teaches the assistant how to reason about architecture, authentication, SDK selection, and common pitfalls, while this MCP server provides up-to-date docs, examples, SDK references, and implementation details.

This Model Context Protocol (MCP) server brings the full power of the TanStack CLI directly into your AI assistant (Claude, Cursor, etc.). It enables your AI to search official documentation, discover libraries, fetch guides, and scaffold new projects—all without leaving the chat.

MCP server for MetricUI, a React dashboard component library. Gives AI coding tools access to full API references, working code examples, format suggestions, prop validation, and complete dashboard scaffolding for building analytics UIs.

Data visualization library for streaming and static charts that exposes traditional charts but also maps and networks.

An MCP server for UntitledUI components - both base and pro.

**SlashMCP** is a production-grade AI workspace that connects LLMs to real-world data and tools through an intuitive chat interface. Built on the Model Context Protocol (MCP), it enables seamless interaction with multiple AI providers (OpenAI, Claude, Gemini) while providing powerful capabilities for document analysis, financial data queries, web scraping, and multi-agent workflow orchestration. ### Key Features: - **Multi-LLM Support**: Switch between GPT-4, Claude, and Gemini at runtime—no restart needed - **Smart Command Autocomplete**: Type `/` to discover and execute MCP server commands instantly - **Document Intelligence**: Drag-and-drop documents with automatic OCR extraction and vision analysis - **Financial Data Integration**: Real-time stock quotes, charts, and prediction market data via Alpha Vantage and Polymarket - **Browser Automation**: Web scraping and navigation using Playwright MCP - **Multi-Agent Orchestration**: Intelligent routing with specialized agents for command discovery, tool execution, and response synthesis - **Dynamic MCP Registry**: Add and use any MCP server on the fly without code changes - **Voice Interaction**: Browser-based transcription and text-to-speech support ### Use Cases: - Research and analysis workflows - Document processing and extraction - Financial market monitoring - Web data collection and comparison - Multi-step task automation **Live Demo:** [ slashmcp.vercel.app ]( https://slashmcp.vercel.app ) **GitHub:** [ github.com/mcpmessenger/slashmcp ]( https://github.com/mcpmessenger/slashmcp ) **Website:** [ slashmcp.com](https://slashmcp.com )

A production-ready MCP server that exposes LangChain agent capabilities through the Model Context Protocol. Provides multi-step reasoning with ReAct pattern, tool support (web search, weather lookup), and is deployed on Google Cloud Run for scalable, serverless operation.

An intelligent Model Context Protocol (MCP) server that automatically generates comprehensive unit tests for Angular, React, and Next.js projects using Jest, Karma/Jasmine, or other testing frameworks. Features 🔍 Automatic Project Detection - Detects Angular, React, or Next.js projects and their versions 📦 Framework Management - Checks for testing frameworks and offers automated installation 📚 Live Documentation Fetching - Retrieves latest Jest and Jasmine documentation before generating tests 🤖 LLM-Powered Generation - Uses Claude Sonnet 4.5+ for intelligent test generation 🎯 High Coverage Target - Generates tests targeting >85% code coverage ✅ All Public Methods - Creates tests for all exported functions and public class methods 🔄 Side-by-Side Validation - Displays source and test code for easy review 🛠️ Multiple Frameworks - Supports Jest, Karma/Jasmine, and Vitest

我们提供了 QDLeader MCP Server，让 AI 助手（如 Cursor、Claude Desktop）能够直接访问和搜索整个知识库！ 特性 🔍 智能搜索整个知识库 📚 按分类浏览文档 📖 完整读取任何文档 🎯 快速定位 Vue、React、面试题等内容

DevExpress documentation at your AI's fingertips.

Send any website component to Cursor, or Claude Code, in one click. No more screenshots, descriptions, or guesswork—just seamless visual handoffs that your AI coding assistant understands perfectly. Bridge the gap between design and code.

WooCommerce MCP Server Plugin (no external server needed): Connect your WooCommerce store to AI assistants like Claude and VS Code. This WordPress plugin enables AI clients to access your store's product catalog, categories, reviews, and content through a secure, read-only interface. MCP for WooCommerce transforms your WordPress site into an AI-accessible data source built on Automattic's official WordPress MCP. It safely exposes public store information—products, categories, tags, reviews, shipping options, and WordPress content—while protecting customer data and private details. Perfect for building AI-powered shopping assistants or integrating with custom AI applications.

DevDocsMCP is a command-line tool that allows you to search and read documentation directly from DevDocs.io. It operates purely online, fetching data as needed.

A Model Context Protocol (MCP) server for accessing React hooks from usehooks.io with enhanced formatting options and caching.

A Model Context Protocol (MCP) server for accessing React hooks from usehooks.io. - Access all hooks from the usehooks.io repository - Search hooks by keyword - Filter hooks by category - Get detailed information about specific hooks including implementation code

Model Context Protocol server for accessing Reactome pathway and systems biology data.

A Model Context Protocol server implementation for GitHub integration

A Model Context Protocol (MCP) server that provides comprehensive information about React design systems, along with code generation capabilities for common UI patterns. Currently supports AWS Cloudscape Design System, with plans to add support for Material UI, Chakra UI, Ant Design, and other popular React design systems in the future.

This repository contains all source code for METAESTETICS(Firebase API server, Clinic admin website, patient app in React Native, Doctor app in React native). This will be a good example using MCPs

Model Context Protocol server for accessing Reactome pathway and systems biology data.

Admin panel, Agents, MCP Servers, Netlify deploy

A multi-agent AI architecture that connects 25+ specialized agents through n8n and MCP servers. Project NOVA routes requests to domain-specific experts, enabling control of applications from knowledge bases to DAWs, home automation to development tools. Includes system prompts, Dockerfiles, and workflows for a complete AI assistant ecosystem.

heroicons-mcp is a Model Context Protocol (MCP) server that exposes Heroicons. It allows LLMs and agentic applications to search, list, and generate usage examples of icons in React applications.

The MCP project integrates the RDKit library with the MCP (Model Context Protocol) framework to provide advanced chemical informatics tools. It includes functionalities for molecular visualization, descriptor calculation, and interaction with an MCP server.

A Model Context Protocol (MCP) server that automatically discovers, fetches and processes react components from popular react libraries like Aceternity and Shadcn

react

mcp client example , electron react

An agent playground (without authentication) in a single repo for fastest turn around cycles during experiments.

🎨 Official monday.com UI resources for application development in React.js

Compose and generate effortlessly MCP servers from any OpenAPI specifications

Node express and React based MCP client server demo

An LLM-based smart terminal for lazy guys :P

A minimal agentic app to interact with OLLAMA models leveraging multiple MCP server tools using BeeAI framework.

A test of making a simple word editor using the Figma MCP server with Cursor. This test is a one shot prompt from Figma with all the components created. No clean up in the code.

Discover and share Model Context Protocol Servers for AI applications, development, and integration.

Node.js Model Context Protocol (MCP) server providing secure, relative filesystem access for AI agents like Cline/Claude.

This app was built completely with cursor using the Box MCP server to find a PRD and coding guidelines.

Total Sanity Project-perfect repository for defining utilities, fields, component schemas, documents in sanity. Here everything you need for sanity configuration, project building.

A Serverless MCP implementation using SST, React and AWS.

React application for MCP server test

Pokedex web app

This is a Filesystem MCP server that could allow an LLM to read and list files from a specified directory on your local machine.

WIP: A MCP server to search, install, uninstall all your MCP servers or services for your Claude App (or more)

simple web ui to manage mcp (model context protocol) servers in the claude app