React-DomPicker

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.

• AV
  A 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!

• CR
  Copy 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 · ▲10

  Hi 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…

• CA
  Convert any website into a React component2024 · chromewebstore.google.com · ▲326

  Hey 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…

• IM
  I 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 · ▲119

  Click on a component in browser to go to code in your editor

• 
  Meridian▲530

  Don't let your work go unnoticed. Get promoted!

  Dev tools · 26d ago · meridiona.com

• 
  x1▲516

  Lovable for iPhone apps go from idea to App Store

  Dev tools · 17d ago · x1.new

• 
  Open-Source eInk Bike Computer▲421

  OpenTrailPaper is open-source bike computer firmware for the LilyGO T5S3 4.7" E-Paper PRO. It supports offline maps, GPX routes, FIT recording and Bluetooth sensors.

  Dev tools · 8d ago · opentrailpaper.com

• 
  Toplify▲365

  Track your App Store ranking worldwide

  Dev tools · 21d ago · toplify.app

• 
  Vendo ▲362

  Let your users build their own features inside your product

  Dev tools · 26d ago · vendo.run

• 
  PR Lens by Coldtea.ai▲342

  See code through a new lens

  Dev tools · 15d ago · prlens.dev

• 
  Cursor 2.0▲957

  Our first coding model and new interface for agents

  AI · Oct 2025 · cursor.com

• 
  Flask▲806

  Notion + Loom, for video collaboration.

  AI · Oct 2025 · flask.do

• SA
  Strange Attractors▲804

  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

• 
  Orchestra▲793

  A chat-centric workspace for builders and modern teams

  Work · Oct 2025 · orch.so

• AS
  Autism Simulator▲779

  Hey 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 · Oct 2025 · autism-simulator.vercel.app

• 
  Director▲768

  Lovable for web automation

  AI · Oct 2025 · director.ai