aidenybai/react-grab

Health v2 · maintenance only

Adoption not part of the score

7582 stars · 337 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

React Grab is a browser-side library that lets developers hover any UI element in a running React app and copy its component stack with source file locations to the clipboard. The copied context can be pasted into AI coding agents like Claude Code, Codex, or Cursor to point them at the exact source code behind the selected element.

Use cases

• copy a UI element's source location for my coding agent
• point Claude Code at the exact component I'm looking at
• paste element context from the browser into Cursor
• speed up AI-assisted debugging by sharing component stacks
• select any element in a React app and get its file and line number
• integrate element grabbing into a Next.js or Vite dev workflow

When to choose

• you develop React apps with AI coding agents and want to reference UI elements by their source
• you use Next.js, Vite, or Webpack and want a quick dev-only script inclusion
• you want to build a custom selection interface using the react-grab/primitives APIs

When to avoid

• your project is not React-based or does not use a bundler/dev server setup
• you need production-time element inspection rather than a development tool
• you don't use AI coding agents and have no need for clipboard-based source context

Facets

library · maturity active

developer-tools plugin-system frontend-framework developer-tools frontend web-development browser ai-coding react element-selection clipboard agent-context nextjs vite ai-agents nodejs web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="aidenybai/react-grab")