Get Started
Install Chrome Extension
After installation, navigate to a local React project to get started. To enable all features, including LLM calls and the IDE, you need to setup the dev server.
Configure the Dev Server for Your Project
If you have a monorepo complete the relevant installation in your project root first, then move on to the monorepo section.
AI-Assisted Setup
Paste this prompt into your coding assistant (Cursor, Windsurf, etc.)
Use a Preconfigured Project
React Router + Vite
git clone https://github.com/jsx-tool/react-router-starter.gitNext.js
git clone https://github.com/jsx-tool/next-starter.gitQuick Start (No code changes needed)
To use JSX Tool with this temporary setup, access your app via the proxy port (http://localhost:4000), not 3000. Your app will still be accessible on the original port, but JSX Tool will not work there. This quick start guide is for testing only and is not the recommended way to install the dev server for long term use.
In a terminal session, cd to the same directory as your project's package.json
npx @jsx-tool/jsx-tool start --loggingAfter you run that (your project needs to be running too). Open http://localhost:4000