# aidenybai/react-grab

Copy any UI element for your agent

Repository: https://github.com/aidenybai/react-grab
Canonical: https://ross.abutalabs.com/products/react-grab
Homepage: https://react-grab.com
Language: TypeScript
License: MIT
License Family: permissive
Topics: ai, coding, react, react-grab
Last push: 2026-08-22T11:34:22+00:00

## Health v2 (maintenance only)
Score: 83/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 99, release rhythm 98, longevity 22
- inputs: {"age_days": 320, "days_push": 11, "days_rel": 17, "gap_med": 0.0, "n_releases_24m": 25}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 7582, forks 337 (observed 2026-08-28T04:10:01.750371+00:00)

## What it is
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
- artifact type: library
- maturity: active
- function: developer-tools, plugin-system, frontend-framework
- domain: developer-tools, frontend, web-development
- platform: browser
- tags: ai-coding, react, element-selection, clipboard, agent-context, nextjs, vite, ai-agents, nodejs, web-server

## Member repositories
- aidenybai/react-grab (main) score 83

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:10:01.750371+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T17:36:54.619746+00:00, confidence not recorded.
  - readme: https://github.com/aidenybai/react-grab (fetched 2026-08-28T04:10:01.750371+00:00, sha a3b7ef3ee037)
  - homepage: https://react-grab.com (fetched 2026-08-29T08:32:38.508748+00:00, sha 718bafcd28b4)
- Data as of 2026-08-30T08:39:29.467469+00:00.