React Grab

React Grab is a developer tool that lets you select UI elements in your browser and instantly copy their source code context to share with AI coding agents. When you hover over an element and press Ctrl+C (or Cmd+C), it captures the selected component and its full stack with file locations, then copies this context to your clipboard for pasting into Claude Code, Cursor, or other agents. The tool claims to help agents work 2× faster and more accurately by pointing them directly to the actual source code behind what you see.

React Grab works as a development-only utility that integrates with Next.js (both app and pages routers), Vite, and Webpack projects. You can install it via a single CLI command or manually add it to your project's layout or entry file. The project also provides lower-level primitives for building custom selection interfaces with hit testing, clipboard access, and editor navigation capabilities.