React Grab
Select context for coding agents directly from your website
Get Started
Install React Grab in your project with a single command.Quick Start
Get up and running in 2 minutes
Installation Guide
Detailed installation instructions
Key Features
One-Keystroke Extraction
Press Cmd+C or Ctrl+C while hovering to instantly copy element context with file paths and component names
Visual Overlay System
Selection box, drag selection, and crosshair for precise element targeting
AI Agent Integration
Built-in support for Cursor, Claude Code, Copilot, and OpenCode with streaming responses
Plugin System
Extend functionality with custom actions, lifecycle hooks, and agent providers
MCP Server Support
Model Context Protocol integration for seamless AI workflows
Automatic Detection
React Fiber debugging and source mapping for accurate component identification
Framework Support
React Grab works with all major React frameworks and build tools.Next.js
App Router and Pages Router
Vite
Fast modern build tool
Webpack
Traditional bundler setup
Integrations
Connect React Grab with your favorite coding tools.MCP Server
Model Context Protocol integration
Cursor
AI-first code editor
Claude Code
Anthropic’s Claude integration
GitHub Copilot
GitHub’s AI pair programmer
Community
GitHub Repository
View source code and contribute
Discord Community
Join the discussion