LocatorJS

Click on UI Component in the browser to open its code in your IDE.

go to www.locatorjs.com for more info

[!NOTE] For Next.js 15+ with Turbopack or SWC, use the @locator/webpack-loader instead of the direct babel plugin.

Install Browser extension

Install extension from Chrome Web Store (works for Chrome, Brave, Opera and Edge)

Install extension from Firefox Add-ons

Extension readme (requirements, troubleshooting, etc)

Install as a library (or combination with extension)

installation docs

• React DevTools based
• React data-id based
• SolidJS
• Preact
• Svelte
• Vue

Contributing

Feel free to create issue or pull request.

more info

Similar projects and alternatives

• click-to-component
• react-dev-inspector
• vite-plugin-react-inspector
• vite-plugin-svelte
• vite-plugin-vue-inspector
• solid-devtools/locator
• code-inspector-plugin