Click on any component in the browser to open its code in your IDE. Supports React, Preact and SolidJS components. Select your IDE, and then use option-click or alt-click on any website with supported components. ReactJS works in most localhost environments out-of-the-box. Preact, SolidJS and some ReactJS stacks require installation of babel plugin, more info on www.locatorjs.com Extension is completely open-source and available on https://github.com/infi-pc/locatorjs
You can Follow the below Step By Step procedure to install the LocatorJS Chrome Extension to your Chrome Web browser.
It is the LocatorJS Chrome extension download link you can download and install Chrome Browser.
GitHub on steroids
Open source browser design tools
A Chrome extension that helps debug React applications by memorizing the state of components with every render.
Adds React debugging tools to the Chrome Developer Tools. Created from revision 47cf347e4 on 3/8/2024.
A DevTools extension enabling smart tools for Tailwind CSS.
The Inspector launch with Ctrl+Shift+X (Command+Shift+X on Mac). You can detect and open the React component source code easily.
Simple and complete DOM testing playground that encourage good testing practices.
Import JavaScript and CSS resources from console, with one command
Show multiple screens once, Responsive design tester
Redux DevTools for debugging application's state changes.