How to run a JSX file without Node.js

Browsers can't run JSX natively, and the standard fix is installing Node.js, npm, and a build tool. If you just want to see one file working, there's a much shorter path.

Run your JSX file now

No Node.js, no npm, no terminal. Drop the file and it runs in your browser.

Why JSX normally needs Node.js

JSX is not valid JavaScript: the HTML-like tags inside it have to be compiled into plain JavaScript before a browser can run them. In a normal React workflow, that compile step is done by build tools (Babel, Vite, webpack) that run on Node.js. That's why every tutorial starts with "install Node and npm".

But the compile step doesn't have to happen on your machine's command line. It can happen in the browser itself.

Run a JSX file with zero installs

Go to dropview.co
Drag and drop your .jsx or .tsx file onto the page
DropView compiles it in your browser and runs the component instantly

That's the whole process. It works on any computer, including locked-down work machines where you can't install software.

When you'd still want Node.js

If you're building a full React application with many files, routing, and npm packages, a real development environment is the right tool. But for the everyday case of "someone (or some AI) gave me a JSX file and I want to see it", installing a toolchain is 30 minutes of setup for a 3-second question. DropView answers the question directly.

Running JSX without a dev environment: common questions

Can a browser run JSX natively?

No. JSX must be compiled to plain JavaScript first. DropView does that compile step inside your browser using Babel, so nothing needs to be installed on your computer.

Do I need npm or a package.json to run one JSX file?

Not with DropView. Drop the single file and it runs. npm and package.json only matter when you're managing a full multi-file project.

Does this work for TSX (TypeScript) files too?

Yes. DropView compiles TypeScript the same way, so .tsx files run just like .jsx files.

My file imports npm packages. Will it run?

Common cases work, but a file that depends on many project-specific imports may not run standalone. Single-file components, like those generated by ChatGPT or Claude, are the sweet spot.

Skip the toolchain

See your JSX file running in the time it would take to download the Node.js installer.