LocatorJS DevTool

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

135 followers

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

135 followers

LocatorJS is a browser extension and/or JavaScript library. You can click on any component in the browser to open its code in your IDE. Works React, Preact, Solid, Vue and Svelte.

Free

Launch tags:Open Source•Developer Tools•Side Project

Launch Team

Framer AI AgentsDesign and publish professional sites with AI

Promoted

LocatorJS DevTool

Maker

Hi, creator of LocatorJS here. I started this as a small side project for myself as a developer, but it was super useful in my daily workflow, so I am sharing it with the community. Currently, it is completely free and open-source, with no plans for monetization yet. I will be glad for any feedback, feature request, or idea. Feel free to ask me anything here :)

Report

4yr ago

LogoliveryAI

@michael_musil1 Congrats on the launch and good luck 🍀 If you need some help with the logo and brand identity, feel free to contact me!

Report

4yr ago

I love this for faster navigations in my code with more than 10k lines. I really want to try this and hope for more language support like python. Good luck

Report

4yr ago

Osaurus

The example in your gallery doesn't seem that different from Inspect Element. How is this different?

Report

4yr ago

LocatorJS DevTool

Maker

@chrismessina Inspect Element (for example in Chrome Dev Tools) will just show you rendered element. But this opens your editor in that exact line where the element is defined.

Report

4yr ago