• Picks
  • Discover
  • Alternatives
  • About

© 2026 Willet

  • Newsletter
  • About
  • FAQ
  • Terms
  • Privacy & Cookies
Join the Discord (opens in a new tab)
Aiden Bai avatar

React Grab

Copy a React UI element with its source location to paste into an AI agent

  • AI coding agents
  • Developer tools
View on GitHub
Website

What it is

A development-time script for React apps that lets you hover any element in the browser, press Cmd/Ctrl+C, and copy the element's markup along with its component stack and file locations. Pasting that context into a coding agent tells it exactly which source file and line to edit. It installs through a CLI or a script tag for Next.js, Vite, and Webpack, and exposes primitives for hit testing and editor navigation so developers can build their own picker interface.

Images

Facts

Stars
7,675 GitHub stars.
7,675

Forks
341
Commits
1,539
Contributors
19
Language
TypeScript
License
MIT
Last commit
Aug 22, 2026
On GitHub since
October 2025
First release
May 2026
Platforms
web, CLI, library
Self-hostable
No
Author
Aiden Bai
Tags
  • coding-agent
  • context-engineering
  • debugging
  • code-intelligence

Last synced from GitHub on Oct 20, 2026

The 10 best overlooked open-source projects, every Monday.

Share and more

Comments

No comments yet. Start the conversation.

Similar projects

  • Can Bölük avatar

    oh-my-pi

    Terminal coding agent with language servers and debuggers built in

    36k

What people are saying

Updated Oct 21, 2026
  • Bluesky“This is the best interactive demo I've seen in a long time. → react-grab.com”Dec 20, 2025 · 5 likes · 0 replies (opens Bluesky in a new tab)
  • Hacker NewsReact GrabMar 5, 2026 · 3 points · 0 comments (opens Hacker News in a new tab)
  • Bluesky“- Local UI to run and train AI LLMs 1panel.pro - Open-source Linux server management panel www.saasframe.io - Design inspiration for SaaS sites…”Aug 14, 2026 · 2 likes · 0 replies (opens Bluesky in a new tab)
  • Bluesky“A very useful tool to get faster and more accurate context you can use with your AI agent: Instead of tell the agent, make the text bigger, with this tool you…”Mar 6, 2026 · 2 likes · 0 replies (opens Bluesky in a new tab)
  • Hacker NewsGitHub PR with council of review botsDec 23, 2025 · 2 points · 0 comments (opens Hacker News in a new tab)
  • Hacker NewsShow HN: I made your coding agent 55% faster at front endNov 24, 2025 · 2 points · 0 comments (opens Hacker News in a new tab)
  • Bluesky“GitHub - aidenybai/react-grab: Select context for coding agents directly from your website”Feb 6, 2026 · 0 likes · 0 replies (opens Bluesky in a new tab)
  • Bluesky“なんか便利そう。 GitHub - aidenybai/react-grab: Select context for coding agents directly from your website”Dec 15, 2025 · 0 likes · 0 replies (opens Bluesky in a new tab)
  • Bluesky“Drag elements straight into your AI editor - this is the developer UX innovation we needed!”Nov 7, 2025 · 0 likes · 0 replies (opens Bluesky in a new tab)