AI extensions for React / Next.js

Search and install PixilUI React components for AI product UI into your app.

Search ReactFrame's React + Tailwind + Motion components, install free ones and price premium picks.

Verified React chart generation: select, validate, repair, render, and inspect charts through MCP.

Framework-aware Starwind UI v3 tools for Astro and React setup, components, docs, and migration.

Search 301 React components, read usage docs and get shadcn install commands for Sundae UI.

Search and pull 500+ production-ready React + Tailwind sections and elements

Search Tailwind CSS and React themes, read their tokens and source files, and get download URLs.

Finds UI drift in React apps (buttons, cards, colors, spacing) and gives your agent each fix

Hover textures for websites, delivered as one self-contained React file each. Search, get, check.

Search 700+ design layers and fetch the build prompt for HTML, Next.js, React, Vue and more.

ToGO docs and plugins for agents: a full-stack Go + React framework, plus plugin submission.

Send, receive, edit and react to WhatsApp messages from your own number. OAuth or API key sign-in.

MCP server for UI Beats. Let your coding agent search, read and install animated React components.

Generates React components and design frameworks from visual layouts.

React components and design rules your coding agent installs and follows.

Search and install interactive React components with unusual motion, via the shadcn CLI.

Your AI designs live on the UX Pilot canvas or runs its design agent: reviews, React, video, media

Verified lessons for your project's packages and versions, and free React components to install.

VaneUI React component docs and per-component prop tables for AI coding agents.

Adds conversion components (pricing, checkout, paywalls, upsells) to AI-built Next.js apps.

Accessible React components, tokens, usage guidance, and install commands for product interfaces.

Search free React, Tailwind, and shadcn components, blocks, and dashboards; get installable source.

Web hosting your AI runs itself over MCP: deploy sites, Next.js, Postgres, domains. EU servers.

Find, plan, and install Wensity UI React components and blocks into your project.

Build and edit your website in Xodia, a visual website builder for real code (Vite, React, HTML).

YouTube transcripts, comment sentiment and the moments viewers react to, plus channel stats.

Hire Zain Saeed (Fiverr Millionaire) for WordPress, Shopify and Next.js: services, prices, quotes.

Use for any accessibility audit or a11y fix (WCAG 2.2 A/AA, color contrast, compliance report, CI check) in React, Next.js, Vue, Angular, Svelte or HTML. Scans with a11y_scanner.py and checks contrast with contrast_checker.py, then fixes and re-verifies.

Audit and fix website accessibility to WCAG 2.2 AA — semantic HTML, keyboard navigation, focus, labels, alt text, color contrast, ARIA, and screen-reader behavior — in React/Next.js, Vue, or plain HTML. Use whenever the user mentions accessibility, a11y, WCAG, screen readers, keyboard navigation, contrast, or is building forms, modals, menus, dropdowns, or preparing a site for launch.

Search, read and install agent-ready React components, screens and blocks for AI products.

Read and verify signed RSS-A agent feeds; post, reply and react on the RSS-A Agent Network board.

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

Use when adding a blog to a Next.js + Sanity site, building a blog section from scratch, integrating Sanity CMS for editorial content, or setting up an SEO-optimized article surface. Triggers on phrases like 'add a blog', 'build the blog', 'create blog section', 'set up blog with Sanity', 'integrate Sanity CMS', 'blog architecture', or any new-blog scoping conversation on a Next.js project.

Designs, deepens, and hardens TypeScript codebase architecture in three modes: folder structures, module contracts, and middleware pipelines for a new app; domain-informed deepening of existing code; and the guardrail tooling, CI gates, and wayfinding that stop a structure decaying. Use when setting up project structure, organizing a monorepo, designing backend modules, writing an architecture brief, recovering domain terminology, recording an architecture decision, or asking "how should I structure this app", "find architecture improvements", "this module is a mess", "make this codebase agent-friendly", "set up guardrails for coding agents", "add a dead-code check", or "my agent can't find anything in this repo". For scaffolding a new repo use scaffold-nextjs or scaffold-cli, for multi-tenant isolation use multi-tenant-architecture, for the AGENTS.md file's own content use agents-md, and for review of a local diff use pr-reviewer.

Browse and install Crucible's animated React components into shadcn-style projects.

Drop-in usage credit ledger plus current Stripe Billing Meter Events integration for Next.js.

Search 276,000+ open source icons and insert them as SVG or React components while you code.

Search 5,000 Nodo icons, get SVG, React or Vue code. Free Linear style, Pro styles with a license.

Create and engage with LinkedIn content using the Curviate CLI. Covers `post` (get, create, react, unreact, reactions, delete, save, saved, unsave, user-posts, user-reactions), `comment` (list, add, reply, edit, delete, replies, react, unreact, reactions, user), `feed home` and `notification`. Carries the write-versus-read reaction vocabularies, post-identifier forms, and the pagination trap on reaction lists. Use when posting, commenting, reacting, reading the home feed, or working through notifications.

Read and send LinkedIn messages with the Curviate CLI. Covers `inbox` (list, get, messages, search, mark-read), `inboxes` (personal and company-page discovery), `message` (new, send, get, edit, delete, react, attachment, InMail), replying as a company page, retrieval mode (`--mode`/`--max-age`) on the two inbox reads, and `webhook` for delivery of message events. Use when triaging conversations, reading a thread, sending or replying to a DM or InMail, or wiring event delivery.

Clone any website's frontend into Next.js or Astro and verify it with pixel diffs.

Use up-to-date library and framework docs via Context7 MCP instead of training data. Activates for setup questions, API references, code examples, or when the user names a framework (e.g. React, Next.js, Prisma).

Use up-to-date library and framework docs via Context7 MCP instead of training data. Activates for setup questions, API references, code examples, or when the user names a framework (e.g. React, Next.js, Prisma).

Use up-to-date library and framework documentation via Context7 MCP instead of training data. Activate when the user asks setup questions, API references, code examples, or names a framework (e.g., React, Next.js, Prisma).

訓練データの代わりにContext7 MCP経由で最新のライブラリとフレームワークドキュメント使用。セットアップの質問、APIリファレンス、コード例、またはユーザーがフレームワーク（例：React、Next.js、Prisma）に名前を付けるときにアクティベーション。

Use up-to-date library and framework docs via Context7 MCP instead of training data. Activates for setup questions, API references, code examples, or when the user names a framework (e.g. React, Next.js, Prisma).

Guide the user through a quadrant walk that maps the unknowns of a task — open by listing the known knowns, then work through known unknowns, unknown knowns, and unknown unknowns one stage at a time, ending with a complete four-quadrant map in the user's hands. Use when the user explicitly asks for a blindspot pass, unknown unknowns, "what am I missing / what should I be asking", a one-question-at-a-time interview, or several directions to react to; when ambiguity or unfamiliarity is high enough that building now would likely cause rework; when a reference implementation must be understood before porting; or for a named after-walk slice — implementation notes / deviations log, a buy-in doc, a quiz gate before merge, or a session handoff (run only that slice). Do not invoke for ordinary implementation of a sufficiently specified task.

9 MCP servers for React/TypeScript — dep auditing, a11y, test gen, and TypeScript enforcement.

MCP server for UI5 Web Components for React - Developer documentation and API assistance

Inspect and operate Next.js Redis caches: health, tag state, SWR simulation, safe invalidation.