React-DomPicker
Jump from browser to code in seconds
React-DomPicker launched on October 31, 2025 with 5 votes.
What it does
React-DomPicker: Click any element in your browser → jump straight to its React code in VS Code. The missing link between your UI and codebase. Works with Next.js, Vite, CRA, Remix + any React framework. Full Tailwind & ShadCN support. Save hours debugging & navigating complex codebases. Just click what you see, edit what matters. ⚡ Setup: Install Chrome extension + VS Code companion 🎯 One click from UI to source code 🚀 10x faster component discovery Ship faster. Debug smarter.
A browser extension and VS Code extension that jump from a DOM element to the JSX that rendered it. Works in React 16–19.
Does a similar job
all alternatives →- AVA Visual IDE for React2022 · dev.aspect.app · ▲479
I made this because building UIs in a lexical medium like code is super annoying. I have to pre-render what I’m making in my head, and then jump between the browser and IDE to test. I was inspired by the developer console in chrome and safari since I end up editing css there because it’s ironically more convenient. Hope it’s useful!
- CRCopy React code from any site2022 · sample-code.aspect.app · ▲374
I made this because building React components from scratch is super annoying. Most visual elements already exist on the web, and I figured there should be a way to leverage that. I hope it's useful!
Click on a component (React,) in browser to get to its code in IDE2022 · locatorjs.com · ▲10Hi all! Here is my open-source side-project. It is a browser extension that lets you click on a component on your localhost to get to its code in your editor. It works with React, Svelte, SolidJS, Preact, and Vue components and with VSCode, Webstorm, or any other editor that supports URL protocol links. It can be used also as JavaScript library (instead of installing browser extension) It speeds up my web development so much that I can't work without that anymore :D Let me know if you like it or if you would like to improve it somehow. Contributions are welcomed…
Convert any website into a React component2024 · chromewebstore.google.com · ▲326Hey HN, we built a Chrome Extension (https://www.magicpatterns.com/extension) that converts a snippet of any website to an isolated React component. Demo video: https://youtu.be/hutUYDkyE_A How it works: 1) Iterate through each node in the selected DOM tree, 2) For each element, find any matching CSS selectors / inline styles, 3) Use window.getComputedStyle to get the deterministic values, 4) Construct JSX It was pretty hard producing the minimal code necessary while maintaining the same visual look. To do this, we implemented things like abstracting out…
- IMI made React with a faster Virtual DOM2022 · ▲109
Hi! I made a React compatibility library for a Virtual DOM library (https://github.com/aidenybai/million). The idea is to have much faster rendering (a compiler optimizes virtual DOM beforehand) while ensuring the same developer experience React provides. This is very, VERY early stage, so be prepared for weird bugs / plugin incompatibility / etc. If you have any suggestions, I'd be more than happy if you replied in a comment with it! You can spin up the demo here >> https://stackblitz.com/github/aidenybai/million-react-compat
LocatorJS DevTool2022 · locatorjs.com · ▲119Click on a component in browser to go to code in your editor
More dev tools this month
the category →
Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.
Dev tools · 6d ago · github.com
OpenBot▲362Grok Bot alternative: free, local, open-source, multiplayer
Dev tools · 29d ago · openbot.run
Talanoa▲346Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…
Dev tools · 27d ago · talanoa.email
Source: Product Hunt launch ↗
Launched alongside, October 2025
the whole month →
I went down the rabbit hole on a side project and ended up building this: Strange Attractors(https://blog.shashanktomar.com/posts/strange-attractors). It’s built with three.js. Working on it reminded me of the little "maths for fun" exercises I used to do while learning programming in early days. Just trying things out, getting fascinated and geeky, and being surprised by the results. I spent way too much time on this, but it was extreme fun. My favorite part: someone pointed me to the Simone Attractor on Threads. It is a 2D attractor and I asked GPT to extrapolate it to…
AI · Oct 2025 · blog.shashanktomar.com
Autism Simulator▲779Hey all, I built this. It’s not trying to capture every autistic experience (that’d be impossible). It’s based on my own lived experience as well as that of friends on the spectrum. I'm trying to give people a feel for what masking, decision fatigue, and burnout can look like day-to-day. That’s hard to explain in words, but easier to show through choices and stats. I'm not trying to "define autism". I’ve gotten good feedback here about resilience, meds, and difficulty tuning. I’ll keep tweaking it. If even a few people walk away thinking, "ah, maybe that’s why my coworker struggles in those…
Life & fun · 2025 · autism-simulator.vercel.app
