Quick Start

This quick start is for testing only. For production use, see the Dev Server section.

Download JSX Tool from the Chrome Web Store and pin it to your toolbar

In a terminal session, cd to the same directory as your project's package.json

npx @jsx-tool/jsx-tool start --logging

After you run that (your project needs to be running too). Open http://localhost:4000

What port do you run your project from?

What port do you want us to proxy 3000 to?

The dev server needs to run a web socket server, is 12021 free?

Is this a mono-repo?

Open your React app, click the JSX Tool extension, and start visually editing your components

Setup Your Dev Server

Follow our Vite-specific integration guide for the smoothest setup experience

Using a different bundler or custom setup? We've got you covered

Working in a monorepo? Learn how to configure JSX Tool across multiple packages