Loading video...

Video Failed to Load

Go Home

Introducing React Grab: Select an element → give it to AI as context → make a change to your page Try it now - it's open source!

440,085 views • 1 year ago •via X (Twitter)

48 Comments

Aiden Bai's profile picture
Aiden Bai1 year ago

By default coding agents cannot access elements on your page React Grab enables this & works with all of the AI coding tools - Cursor, Claude Code, OpenCode GitHub: Demo:

Aiden Bai's profile picture
Aiden Bai1 year ago

install here:

Anicet's profile picture
Anicet1 year ago

open-source? let's fucking go

Aiden Bai's profile picture
Aiden Bai1 year ago

OSS ftw

Pratham's profile picture
Pratham1 year ago

Low-key wished this was an extension instead but totally understandable.

Aiden Bai's profile picture
Aiden Bai1 year ago

technicaly can make it one! we're OSS:

JohnPhamous's profile picture
JohnPhamous1 year ago

v cool

Aiden Bai's profile picture
Aiden Bai1 year ago

🫶

Jonas's profile picture
Jonas1 year ago

You should consider adding source code context like component name and file path as an optimization for large codebases. I prototyped a similar tool for @getsentry, and the extra context really helped reduce the number of tool calls and instances where it updates a component on a different page.

Supervised's profile picture
Supervised1 year ago

me making a superapp to rival the tech giants.. simply w/ react grab:

Sree's profile picture
Sree1 year ago

i think i'm too early

Aiden Bai's profile picture
Aiden Bai1 year ago

fixed, lol

Sree's profile picture
Sree1 year ago

🐐

Rob Pruzan's profile picture
Rob Pruzan1 year ago

Lets fucking go

ange (˶♡ᴗ♡)'s profile picture
ange (˶♡ᴗ♡)1 year ago

W

Shiva Oswal's profile picture
Shiva Oswal1 year ago

Does this work for entire navbars? Looks pretty sick!

Aiden Bai's profile picture
Aiden Bai1 year ago

yeah should work for any UI. lmk if it doesnt

Shiva Oswal's profile picture
Shiva Oswal1 year ago

Oh, and why is it "react grab" and not "react screenshot"? Is it intentional context window limit or just the name u went with?

William Wang's profile picture
William Wang1 year ago

Fire, going to try this out

Aiden Bai's profile picture
Aiden Bai1 year ago

lmk!!

Mohil's profile picture
Mohil1 year ago

brb, need to make a vue version of this

wilson hou's profile picture
wilson hou1 year ago

wtf this is sick

Shayan C's profile picture
Shayan C1 year ago

This is so cool

aditya addepalli's profile picture
aditya addepalli1 year ago

whoa, dope! does this work with all IDEs/code editors or only a select few?

Aiden Bai's profile picture
Aiden Bai1 year ago

all of them!

Kartik Goel's profile picture
Kartik Goel1 year ago

Liked the concept for sure! But any concrete/bigger use cases you foresee? I can only think of the case where designers can tweak and play around as of now.

timagixe's profile picture
timagixe1 year ago

can you provide more complex usage examples? to make this change you don't need this tool, code editor is just enough

Aiden Bai's profile picture
Aiden Bai1 year ago

esp. on bigger react apps (with many, many nested components)

Dominik Scholz's profile picture
Dominik Scholz1 year ago

ohh that looks awesome! :D

Aiden Bai's profile picture
Aiden Bai1 year ago

lmk if you hit any issues! should be super simple to integrate

Juanito's profile picture
Juanito1 year ago

What tool do you use to record/edit videos in that style? Zoom in / out.

Arc ⚡'s profile picture
Arc ⚡1 year ago

Nice, would be cool if it gave styling options that you could hover over and see it change live

abhiッ's profile picture
abhiッ1 year ago

W for oss

onurhan's profile picture
onurhan1 year ago

fire 🔥 OOS makes it 10x cooler. Also obsessed with the demo website

ANURAG's profile picture
ANURAG1 year ago

Commit by the dev who actually code

Oluwamayowa's profile picture
Oluwamayowa1 year ago

Another banger from Aiden.

Liam Monaghan's profile picture
Liam Monaghan1 year ago

Like it! Are there plans to integrate with @amidotdev ?

Aiden Bai's profile picture
Aiden Bai1 year ago

@amidotdev yep! it'll be one integrated experience

Valtteri's profile picture
Valtteri1 year ago

nice this will simplify a lot of things

Igor bedesqui's profile picture
Igor bedesqui1 year ago

Wow I this is so cool!!

Bieefilled's profile picture
Bieefilled1 year ago

Interesting...

auto's profile picture
auto1 year ago

fuck man i just released a repo similar to this haha

Jaimish Trivedi's profile picture
Jaimish Trivedi1 year ago

This is sick! Amazing work 🙌

wesleyvsio's profile picture
wesleyvsio1 year ago

Creative i love it!

Thales Gelinger's profile picture
Thales Gelinger1 year ago

I almost started to build something like this, i am happy you did it first

Ahmad Awais's profile picture
Ahmad Awais1 year ago

haha nice idea. i have a weird version of this but this is well executed, will check it out.

gambling_acdict :3🏳️‍⚧️'s profile picture
gambling_acdict :3🏳️‍⚧️1 year ago

aiden bai my goat !!

TommyZ's profile picture
TommyZ1 year ago

Interesting. Would it be possible to install this globally somehow?

Related Videos