JSX Tool icon

JSX Tool

Extension Actions

How to install Open in Chrome Web Store
CRX ID
mhopnjniplgoneejgdeajodhfijdbbij
Status
  • Extension status: In-App Purchases
Description from extension meta

Developer tools for modern React. Use LLMs to generate CSS, test styles, and write updates to files using your live browser context.

Image from store
JSX Tool
Description from store

JSX Tool is a React-focused inspector that lets you treat JSX like HTML in the page. Hover to highlight, click to select, and edit styles in place—just like Chrome’s Elements panel. You can tweak CSS, preview changes instantly, and iterate on layout and design without leaving the page or disrupting your flow.

Beyond manual edits, JSX Tool uses LLMs with your live browser state as context to propose CSS, try variations, and apply safe changes. When you’re ready, it can write updates back to your local file in the style of your codebase via a lightweight dev server, so accepted changes persist in your codebase and hot-reload in React.

Latest reviews

Shahzaib Riaz
Very Interactive Browser based IDE or Extension for ReactJS Devs - Sorry Angular Devs.
Zack Leman
Super useful!