Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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 Aufrufe • vor 1 Jahr •via X (Twitter)

48 Kommentare

Profilbild von Aiden Bai
Aiden Baivor 1 Jahr

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:

Profilbild von Aiden Bai
Aiden Baivor 1 Jahr

install here:

Profilbild von Anicet
Anicetvor 1 Jahr

open-source? let's fucking go

Profilbild von Aiden Bai
Aiden Baivor 1 Jahr

OSS ftw

Profilbild von Pratham
Prathamvor 1 Jahr

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

Profilbild von Aiden Bai
Aiden Baivor 1 Jahr

technicaly can make it one! we're OSS:

Profilbild von JohnPhamous
JohnPhamousvor 1 Jahr

v cool

Profilbild von Aiden Bai
Aiden Baivor 1 Jahr

🫶

Profilbild von Jonas
Jonasvor 1 Jahr

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.

Profilbild von Supervised
Supervisedvor 1 Jahr

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

Profilbild von Sree
Sreevor 1 Jahr

i think i'm too early

Profilbild von Aiden Bai
Aiden Baivor 1 Jahr

fixed, lol

Profilbild von Sree
Sreevor 1 Jahr

🐐

Profilbild von Rob Pruzan
Rob Pruzanvor 1 Jahr

Lets fucking go

Profilbild von ange (˶♡ᴗ♡)
ange (˶♡ᴗ♡)vor 1 Jahr

W

Profilbild von Shiva Oswal
Shiva Oswalvor 1 Jahr

Does this work for entire navbars? Looks pretty sick!

Profilbild von Aiden Bai
Aiden Baivor 1 Jahr

yeah should work for any UI. lmk if it doesnt

Profilbild von Shiva Oswal
Shiva Oswalvor 1 Jahr

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

Profilbild von William Wang
William Wangvor 1 Jahr

Fire, going to try this out

Profilbild von Aiden Bai
Aiden Baivor 1 Jahr

lmk!!

Profilbild von Mohil
Mohilvor 1 Jahr

brb, need to make a vue version of this

Profilbild von wilson hou
wilson houvor 1 Jahr

wtf this is sick

Profilbild von Shayan C
Shayan Cvor 1 Jahr

This is so cool

Profilbild von aditya addepalli
aditya addepallivor 1 Jahr

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

Profilbild von Aiden Bai
Aiden Baivor 1 Jahr

all of them!

Profilbild von Kartik Goel
Kartik Goelvor 1 Jahr

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.

Profilbild von timagixe
timagixevor 1 Jahr

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

Profilbild von Aiden Bai
Aiden Baivor 1 Jahr

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

Profilbild von Dominik Scholz
Dominik Scholzvor 1 Jahr

ohh that looks awesome! :D

Profilbild von Aiden Bai
Aiden Baivor 1 Jahr

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

Profilbild von Juanito
Juanitovor 1 Jahr

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

Profilbild von Arc ⚡
Arc ⚡vor 1 Jahr

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

Profilbild von abhiッ
abhiッvor 1 Jahr

W for oss

Profilbild von onurhan
onurhanvor 1 Jahr

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

Profilbild von ANURAG
ANURAGvor 1 Jahr

Commit by the dev who actually code

Profilbild von Oluwamayowa
Oluwamayowavor 1 Jahr

Another banger from Aiden.

Profilbild von Liam Monaghan
Liam Monaghanvor 1 Jahr

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

Profilbild von Aiden Bai
Aiden Baivor 1 Jahr

@amidotdev yep! it'll be one integrated experience

Profilbild von Valtteri
Valtterivor 1 Jahr

nice this will simplify a lot of things

Profilbild von Igor bedesqui
Igor bedesquivor 1 Jahr

Wow I this is so cool!!

Profilbild von Bieefilled
Bieefilledvor 1 Jahr

Interesting...

Profilbild von auto
autovor 1 Jahr

fuck man i just released a repo similar to this haha

Profilbild von Jaimish Trivedi
Jaimish Trivedivor 1 Jahr

This is sick! Amazing work 🙌

Profilbild von wesleyvsio
wesleyvsiovor 1 Jahr

Creative i love it!

Profilbild von Thales Gelinger
Thales Gelingervor 1 Jahr

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

Profilbild von Ahmad Awais
Ahmad Awaisvor 1 Jahr

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

Profilbild von gambling_acdict :3🏳️‍⚧️
gambling_acdict :3🏳️‍⚧️vor 1 Jahr

aiden bai my goat !!

Profilbild von TommyZ
TommyZvor 1 Jahr

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

Ähnliche Videos