← All projects
Add-ons for AI coding tools

React Grab

Copy any part of a web app's screen and give your AI coding agent the exact code behind it.

Widely usedNew this week

What it does

React Grab is a small developer tool for apps built with React, a popular way of building websites. You hover over any button, box or other element in your app and press copy.

What gets copied isn't just the look: it includes where that element lives in the source code. You paste it into your AI coding agent, which then knows exactly what to change.

Its makers say agents work faster and more accurately this way. Developers can also build their own version using its selection tools.

Who it's for

Web developers using React who work with AI coding assistants.

Can I use it without coding?

Developers only. It's added to a React project with a command or a few lines of code. New to this? Start here.

Can I run it?

Cost
FreeNothing to pay or sign up for.
Runs on
Web browser
Computer
An ordinary computer is fine
Privacy
Runs on your own device: your data stays with you
API key
Not needed

Try it

Using Claude Code, Cursor or another AI coding assistant? Paste the prompt and it will walk you through the setup.New to this?

Before you install

  • Only download from the official GitHub page. Copies with similar names exist for many popular projects.
  • License (MIT): Very permissive: free to use, change and share, including for business.
  • More on staying safe