LocatorJS logo
Get Extension GitHub

Setup

Select your framework

React

React (data-id approach)

Compared to devtools approach:
Works with all React projects that use Babel, Webpack or Turbopack
It can be used also in production-like environments.
Contains additional support for styled-components.

See instructions
React

React (devtools approach)

Compared to data-id approach:
Works with Vite or Create React App.
Does not work with Next.js
If you use the Browser extension, you don't need to install any packages.
You might need to have React DevTools to make it working properly.

See instructions
SolidJS

SolidJS

See instructions
Preact

Preact

See instructions
Svelte

Svelte
experimental

See instructions
Vue

Vue
experimental

See instructions