Prototype · Preview: every server in the official registry, synced every 30 minutes. Sign in with Google to write reviews.Prototype · updated every 30 min
PopNx MCPMCP servers for people who use AI · explained in plain words
☰ MenuEnglish Settings
Beginner mode On
ColoursSystemLightDark
LanguageไทยEnglish中文日本語한국어EspañolDeutsch

ReactFrame

by AhmetLocaversion 0.2.1i★ 1 (Stars for the whole repo)iRuns on your computer
Registry nameio.github.AhmetLoca/reactframe

How to install

What it does

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

  • Connects Runs on your computer
  • Account or key No key needed
  • Category Search & AI memory

Install

Pick the AI app you use, then copy the settings.

Passed 3/3 checks · Runs on your computer

First: which AI do you use?

Pick your app and the steps appear below.

Works with Claude, with some setup first

Install Node.js on your computer first (one time) · Only the Claude desktop app (Windows or Mac), not the web or phone

  1. Install Node.js

    One time only; it works for every server that needs Node.js

    Open the Node.js download page ↗

  2. Open the Claude desktop app’s settings file

    SettingsDeveloperEdit Config

  3. Paste these settings and save the file

    Checking the commands · copy buttons appear once they pass

  4. Quit Claude and open it again

  5. Try it

    Use ReactFrame and tell me what you can do for me, then show me one thing

    ✓ If Claude says it is using ReactFrame or shows a ReactFrame tool in the answer, you are connected

Menu names checked against Anthropic’s help page on Nov 11, 2026 · your screen may differ slightly by app version

ChatGPT cannot connect ReactFrame yet

ReactFrame runs on your computer, but ChatGPT can only connect servers that run on the web

What you can do instead

A · Use an app that can connect ReactFrame

  • Install Node.js on your computer first (one time) · Only the Claude desktop app (Windows or Mac), not the web or phone
  • Install Node.js on your computer first (one time)
  • Install Node.js on your computer first (one time)
  • Install Node.js on your computer first (one time)

B · Others in Search & AI memory that work with ChatGPT

Picked from the most used in the same category, only ones that connect by address with no key

Works with Claude Code, with some setup first

Install Node.js on your computer first (one time)

  1. Install Node.js

    One time only; it works for every server that needs Node.js

    Open the Node.js download page ↗

  2. Open Terminal

    Mac: press Command+Space and type Terminal · Windows: open PowerShell

  3. Paste this command and press Enter

    Checking the commands · copy buttons appear once they pass

  4. Type /mcp in Claude Code

    You should see ReactFrame listed as connected

  5. Try it

    Use ReactFrame and tell me what you can do for me, then show me one thing

    ✓ If Claude Code says it is using ReactFrame or shows a ReactFrame tool in the answer, you are connected

Menu names checked against Anthropic’s help page on Nov 11, 2026 · your screen may differ slightly by app version

Works with Cursor, with some setup first

Install Node.js on your computer first (one time)

  1. Install Node.js

    One time only; it works for every server that needs Node.js

    Open the Node.js download page ↗

  2. Click this button to open Cursor

    Checking the commands · copy buttons appear once they pass

  3. Open the AI chat in Cursor in Agent mode

  4. Try it

    Use ReactFrame and tell me what you can do for me, then show me one thing

    ✓ If Cursor says it is using ReactFrame or shows a ReactFrame tool in the answer, you are connected

Menu names checked against Cursor’s help page on Nov 11, 2026 · your screen may differ slightly by app version

Works with VS Code, with some setup first

Install Node.js on your computer first (one time)

  1. Install Node.js

    One time only; it works for every server that needs Node.js

    Open the Node.js download page ↗

  2. Click this button to open VS Code

    Checking the commands · copy buttons appear once they pass

  3. Open the AI chat in VS Code in Agent mode

  4. Try it

    Use ReactFrame and tell me what you can do for me, then show me one thing

    ✓ If VS Code says it is using ReactFrame or shows a ReactFrame tool in the answer, you are connected

Menu names checked against VS Code’s help page on Nov 11, 2026 · your screen may differ slightly by app version

Other apps that use MCP, such as Windsurf, Zed or Gemini CLI, each add servers differently. See how in the app list.

See every app that uses MCP →

JSON settings are under “For developers” below

Stuck? Ask people who use ReactFrame💬 Discussion →
For developers: Terminal commands and JSON settings

Installed on your computer

Claude Code

Checking the commands · copy buttons appear once they pass

Claude Desktop (claude_desktop_config.json)

Checking the commands · copy buttons appear once they pass

Cursor (~/.cursor/mcp.json)

Checking the commands · copy buttons appear once they pass

VS Code (mcp.json)

Checking the commands · copy buttons appear once they pass

These settings are generated from the maker’s registry entry. If the README says otherwise, follow the README.

At a glance

GitHub starsi
1 (Stars for the whole repo)
This repo holds several MCP listings; its stars count once in rankings
Downloads per weeki
247/wk
Connection
Runs on your computer
Latest versioni
0.2.1
Published to registryi
Sep 26, 2026
Code last changedi
Nov 6, 2026
Maker
AhmetLoca
Packages
npm: reactframe-mcp
Registry status
Active

Which apps can use it

Based on how this server connects and on each app’s own docs, checked Nov 10, 2026.

Run on your computer in

ClaudeGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatRaycast

All apps, with pros and cons →

Related guides

Guide 85 checks before you install an MCPAbout 2 minutes each: check its page on our site and the permission request in your AI app before you say yes.4 min read

What it can do

Runs on your computer; the tool list appears in your AI app after you install it.

Basic checksi

We check information anyone can see; we have not read the code. Checks that do not apply are left out of the count. · Checked Nov 13, 2026

  • ✓ Pass

    Maker matches the repo

    The registry name was verified with the GitHub account AhmetLoca, which owns the repo

  • ✓ Pass

    Still maintained

    Code last changed 7 days ago

  • ✓ Pass

    Has a licence

    Uses MIT

  • – Not applicable

    Endpoint responds

    This one runs on your computer; there is no internet endpoint

  • – Not applicable

    Sign-in with OAuth

    Runs on your computer and uses local settings instead

  • … Not checked yet

    No hidden instructions in tool descriptions

    Runs on your computer; we can only read tool lists from internet endpoints

Discussion

Ask, share a tip or report that it does not work. Sorted by what people marked helpful.

No posts yet. Be the first to ask or share.

Posts here are written by users, not the PopNx team.

Sign in with Google to post

User reviews

No reviews yet

Sign in with Google to write a review

Compared with others in Search & AI memoryi

  • More stars than 0% of the other 6017 servers in this category
  • Published to the registry more recently than 45% of the other 6017 servers in this category
  • Basic checks equal to or better than 100% of the other 6017 servers in this category

Compared with every active server in this category in the registry. Stars count only when the publisher owns the repo.

Common questions

Is ReactFrame safe?

It passed 3 of 3 applicable basic checks. We have not read the code. Before adding a key or token, see what access the server asks for and use a key with only the permissions you need.

What keys or codes does it need?

The registry does not list a required key, though some servers ask you to sign in on first use.

Does it run on my computer or in the cloud?

It runs on your computer. Your AI app starts it when needed, and data does not pass through the maker’s servers (unless it calls an online service itself).

Is it still maintained?

The GitHub repo last changed 7 days ago, and the latest version (0.2.1) reached the registry 2 months ago.

Which apps can use it?

Apps that support MCP, such as Claude Desktop, Claude Code, Cursor and VS Code. You also need Node.js on your computer.

What can I use instead?

In the same category: Context7, Codebase Memory, Ruflo

Others in the same category

Servers in the same category from other makers, sorted by stars.

Reading a card:↓ Downloads per weeki★ GitHub starsiThree pillars: reviews · checks · usageiUpdated = latest version published to the registryi

Context7

Feeds AI the latest docs for libraries and frameworks before it answers, so code it writes does not use outdated, removed functions.

by upstashWidely used↓ 1.2M/wk★ 64.6KUpdated yesterday

Computer or cloud
Install

Codebase Memory

Codebase knowledge graph for AI agents — 162 languages, sub-ms queries, 99% fewer tokens.

by DeusDataWidely used↓ 16.8K/wk★ 48.5KUpdated 27 days ago

Runs on your computer
Install

Ruflo

Agent teams, swarms, memory and hooks for Claude Code and Codex, served over MCP.

by ruvnetWidely used↓ 74.3K/wk★ 81.5K Stars for the whole repoUpdated 2 days ago

Runs on your computer
Install

README from the maker

Open the README

Copied from the maker’s repo as written. PopNx MCP has not reviewed or endorsed it. HTML, images and scripts are removed. Links lead off this site.

reactframe-mcp

An MCP (Model Context Protocol) server for ReactFrame — search and pull the full source of free React + Tailwind CSS + Motion components, blocks and pages directly into a coding agent, with no browser round-trip.

It wraps the same public data as reactframe.com/llms.txt and the r/ .json registry mirror shadcn's CLI already uses. Free components install straight into your project. Premium components show up in search with their price; their source isn't fetchable from here, so the agent leaves a placeholder and prices them with get_quote instead.

Build a site with it

Ask your agent something like *"Build me a landing page for my coffee shop with ReactFrame components."* It picks components from the catalog, installs the free ones, marks where premium ones go, and ends with a quote: which premium components the design uses, what they cost, and whether All-Access is the better deal.

Tools

  • search_components — keyword search across name/description/category/slug, with category, type (element / block / component / page) and freeOnly filters. Premium results include their price.
  • get_component — fetch a free component's full source (files, npm deps, install command) in shadcn registry format, by slug.
  • get_rebuild_prompt — fetch the ready-made "rebuild this from scratch" AI prompt for the free components that ship one.
  • list_categories — list every category with component/page counts, useful before a targeted search.
  • get_quote — price every component and page a build uses in one call: free items with their install command, premium ones with their price, the premium total, and whether All-Access is cheaper.

Add it to Claude Code

claude mcp add reactframe -- npx -y reactframe-mcp

Add it to Cursor / other MCP clients

Add to your MCP config (e.g. ~/.cursor/mcp.json):

{

"mcpServers": { "reactframe": { "command": "npx", "args": ["-y", "reactframe-mcp"] } } }

Local development

npm install

npm run build REACTFRAME_BASE_URL=http://localhost:3000 npm run test:tools

REACTFRAME_BASE_URL overrides the default https://reactframe.com — point it at a local npm run dev of the main app while iterating. npm run test:tools spawns the built server over stdio with the real MCP SDK client and calls every tool, the same way a real client would.