Dev tools · alternatives · 2026

24 alternatives to LocatorJS DevTool

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

Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. LocatorJS DevTool launched in 2022; newer entries below may have overtaken it.

1. 1
   Click on a component (React,) in browser to get to its code in IDE▲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…

   2022 · locatorjs.com · its alternatives →

2. 2AV
   A Visual IDE for React▲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!

   2022 · dev.aspect.app · its alternatives →

3. 3
   react.dev▲543

   The new home for React and its documentation

   2023 · react.dev · its alternatives →

4. 4
   v0.dev by Vercel▲549

   Generate UI with simple text prompts: copy, paste, ship

   2023 · v0.app · its alternatives →

5. 5
   I made a CLI tool to create web extensions with no build configuration▲381

   Hello HN! I'm the creator and solo developer of Extension.js, a development tool for browser extensions with built-in support for TypeScript, WebAssembly, React, and modern JavaScript. Developers use it to spend less time configuring the compilation config or learning new frameworks and more time actually writing code. Most projects similar to Extension.js rely on some sort of abstraction or configuration to get started, making the initial development process slow given the extra learning curve and setup guidelines. By using Extension.js, adding the package to your npm scripts is all it…

   2024 · github.com · its alternatives →

6. 6AC
   A curated list of Chrome DevTools tips and tricks▲212

   Practical guides to browser DevTools and AI-assisted debugging — Chrome, Firefox, Safari and Edge. Panels, shortcuts, performance traces and accessibility.

   2014 · devtoolstips.com · its alternatives →

7. 7UT
   Under the hood ReactJS▲266

   Entire React code base explanation by visual block schemes (Stack version)

   2017 · bogdan-lyashenko.github.io · its alternatives →

8. 8SJ
   Scratch.js – Interactive JavaScript Scratchpad▲169

   2020 · hole.dev · its alternatives →

9. 9SR
   Searchkit – React components for elasticsearch▲74

   Searchkit - UI Widgets for Elasticsearch. React, Vue & Javascript supported

   2016 · searchkit.co · its alternatives →

10. 10
    Vue ReactiveSearch▲102

    Free, open-source Vue components for building search UIs

    2019 · opensource.appbase.io · its alternatives →

11. 11
    Open-Source Auth for NextJS / React▲107

    Add open source login to any Next.js and React single page app (SPA) using free open source.

    2021 · ory.dev · its alternatives →

12. 12
    TouchstoneJS, a React powered UI framework for beautiful mobile apps▲92

    The needs of app developers all around for better work tools the world give way to progress. On the UI Frameworks front, one toolkit proves useful.

    2014 · touchstonejs.io · its alternatives →

13. 13
    Craft.js – A React framework to build any page editor▲26

    🚀 A React Framework for building extensible drag and drop page editors - prevwong/craft.js

    2020 · github.com · its alternatives →

14. 14
    I Built DevTools for Blazor (Like React DevTools but for .NET)▲11

    Hi HN! I've been working on developer tools for Blazor that let you inspect Razor components in the browser, similar to React DevTools or Vue DevTools. The problem: Blazor is Microsoft's frontend framework that lets you write web UIs in C#. It's growing fast but lacks the debugging tools other frameworks have. When your component tree gets complex, you're stuck with Console.WriteLine debugging. What I built: A browser extension + NuGet package that: Shows the Razor component tree in your browser Maps DOM elements back to their source components Highlights components on hover Works with both…

    Oct 2025 · blazordevelopertools.com · its alternatives →

15. 15
    React-DomPicker▲5

    Jump from browser to code in seconds

    Oct 2025 · devodyssey.asia · its alternatives →

16. 16
    Shaders▲22

    Component library for creative WebGPU effects in modern frontend frameworks. Compose interactive visuals for Vue, React, Svelte, Solid & JS.

    Jul 2026 · shaders.com · its alternatives →

17. 17
    DevTools▲18

    Collection of free online tools to help in web development

    2025 · onlinewebdevtools.com · its alternatives →

18. 18
    I have open-sourced my ReactJs UI kit▲10

    Hello everyone, For the past several months, I have been building multiple React/TailwindCSS components for my projects. I have decided to bundle and document them so that I can share them with the community. The entire UI kit is written in Typescript on top of the class-variance-authority library. Although I am already using these components in production, the project is still in beta since it lacks a full test suite and dark mode. Please feel free to take a look and provide feedback if you have a moment to spare. Thank you!

    2023 · rewind-ui.dev · its alternatives →

19. 19
    PlayJS – An Open-Source JS Playground▲10

    Interactive javascript development environment

    2025 · surajadsul.github.io · its alternatives →

20. 20
    Object-visualizer – Chrome-console-like JSON object visualizer in DOM▲45

    Vue JSON inspector with Chrome-like theme. Contribute to soc221b/object-visualizer development by creating an account on GitHub.

    2020 · github.com · its alternatives →

21. 21
    React-hint – 150LoC Tooltip Component for React, Preact and Inferno▲37

    Tooltip component for React, Preact, Inferno. Contribute to slmgc/react-hint development by creating an account on GitHub.

    2017 · github.com · its alternatives →

22. 22RR
    React router v7 developer tools▲9

    Hey HN! I've been building developer tools for react-router v7 for a while now, it all started with remix-development-tools and then I rebranded the Repository to react-router-devtools. I wanted to share the project with you, it's fully open source and helps you build applications with react-router v7. Some of the features include: - Detailed server logs including caching information, cookies, server timings and others per loader - Enhanced console logs telling you where it was logged and allowing you to click to open the file - Client UI with detailed overview of your routes, current loader…

    2025 · react-router-devtools.forge42.dev · its alternatives →

23. 23
    FingerprinterJS – A tiny JavaScript library for browser fingerprints▲24

    I made FingerprinterJS, a small library with no dependencies that creates browser fingerprints from signals like canvas, WebGL, audio, fonts, userAgent, and screen info. It’s written in TypeScript, lets you enable/disable collectors, add custom data, and includes a simple suspicious-activity score. Would love feedback.

    2025 · github.com · its alternatives →

24. 24
    OpenScriptJs▲13

    Openscript.js

    2024 · openscriptjs.github.io · its alternatives →

Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →