Share
See how Babel transforms your JS/JSX/TS — pick presets, plugins, and target, side-by-side.
(compile output appears here)
Real @babel/standalone. Compiles as you type. Target controls preset-env browsers list; toggle React/TS presets and the 4 most-common proposal plugins individually.
Paste modern JavaScript / JSX / TypeScript and see exactly what Babel transforms it into. Toggle presets (env, react, typescript) and individual plugins (decorators, optional chaining, class properties, async-to-generator). Side-by-side input/output, multi-target presets (ES5 / ES2015 / ES2020 / modern), and copy-output button. Real @babel/standalone runs in your browser.
Share this tool
Explore the AST of JS/TS/JSON/CSS code with switchable parsers — click nodes to highlight source.
Encode and decode Base64 strings instantly.
See your public IP address plus full location, ISP, ASN, timezone, coordinates, and more.