Item logo image for JSX Tool

JSX Tool

5.0(

4 ratings

)
Item media 4 (screenshot) for JSX Tool
Item media 1 (screenshot) for JSX Tool
Item media 2 (screenshot) for JSX Tool
Item media 3 (screenshot) for JSX Tool
Item media 4 (screenshot) for JSX Tool
Item media 1 (screenshot) for JSX Tool
Item media 1 (screenshot) for JSX Tool
Item media 2 (screenshot) for JSX Tool
Item media 3 (screenshot) for JSX Tool
Item media 4 (screenshot) for JSX Tool

Overview

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.

Details

  • Version
    1.0.14
  • Updated
    November 26, 2025
  • Features
    Offers in-app purchases
  • Offered by
    JSX Tool
  • Size
    3.96MiB
  • Languages
    English
  • Developer
    Stanton Street Inc
    4287 26th St San Francisco, CA 94131-1836 US
    Email
    support@jsxtool.com
    Phone
    +1 917-657-3879
  • Trader
    This developer has identified itself as a trader per the definition from the European Union and committed to only offer products or services that comply with EU laws.

Privacy

The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

Related

VisBug

4.8

Open source browser design tools

GraphQL Network Inspector

4.7

Simple and clean network inspector for GraphQL

Vercel

4.7

Use the Vercel Toolbar on production deployments

Gimli Tailwind

4.6

A DevTools extension enabling smart tools for Tailwind CSS.

Apollo Client Devtools

2.7

GraphQL debugging tools for Apollo Client.

Atomic CSS Devtools

4.9

A devtool panel for debugging Atomic CSS rules as if they were not atomic

LocatorJS

4.3

LocatorJS Chrome Extension - option-click to code (ReactJS)

Redux DevTools

4.6

Redux DevTools for debugging application's state changes.

Refined GitHub

4.8

Simplifies the GitHub interface and adds useful features

daily.dev | The homepage developers deserve

4.8

Get one personalized feed for all the knowledge you need as a developer.

Browser MCP - Automate your browser using VS Code, Cursor, Claude, and more

4.9

The MCP to control your browser. Browser MCP is a Model Context Protocol (MCP) server that allows clients like VS Code, Claude,…

Reactime

4.7

A Chrome extension for time travel debugging and performance monitoring in React applications.

VisBug

4.8

Open source browser design tools

GraphQL Network Inspector

4.7

Simple and clean network inspector for GraphQL

Vercel

4.7

Use the Vercel Toolbar on production deployments

Gimli Tailwind

4.6

A DevTools extension enabling smart tools for Tailwind CSS.

Apollo Client Devtools

2.7

GraphQL debugging tools for Apollo Client.

Atomic CSS Devtools

4.9

A devtool panel for debugging Atomic CSS rules as if they were not atomic

LocatorJS

4.3

LocatorJS Chrome Extension - option-click to code (ReactJS)

Redux DevTools

4.6

Redux DevTools for debugging application's state changes.

Google apps