JSX Tool

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

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.