Babel REPL
Babel REPL is a free, open-source browser tool for trying Babel transformations on code.
What Babel REPL is
Babel REPL is a free, open-source browser tool for trying Babel transformations on code. Babel converts newer ECMAScript syntax into JavaScript for current and older browsers or other environments. The REPL places editable code beside compiled output and also offers an input AST pane. Controls include Evaluate, Line Wrap, Prettify, File Size, Time Travel, and Source Type. Settings cover targets, the Env preset, assumptions, plugins, and related options, with “defaults” shown as the target setting initially. Presets listed in the interface include React, Flow, TypeScript, stage proposals, and Env. Babel can transform modern JavaScript and JSX, and strip Flow or TypeScript annotations, but it does not type-check them. Users can combine built-in or custom plugins and presets. Babel presents the REPL for prototyping and learning; production transpilation is recommended through a Node.js build system such as Webpack, Rollup, or Parcel.
Good
- Free, open-source browser tool
- Code, output, and AST panes
- React, Flow, TypeScript, and Env presets
- Supports custom plugins and presets
- Multiple transformation and inspection controls
Watch out
- Does not type-check TypeScript or Flow
- Configuration files cannot work without filesystem access
- Production use is not recommended
- REPL lacks assumptions and plugin options support
Who it suits
It suits learners and developers prototyping JavaScript, JSX, TypeScript, or Flow transformations in a browser. Production projects should use a Node.js build system instead of the standalone REPL approach.
Verdict
Babel REPL gives learners and developers a direct way to inspect Babel transformations without installing a local setup. Its browser controls and preset choices are useful for experiments, while production workflows should move to ahead-of-time Node.js tooling.
The facts
Each one read from Babel REPL's own pages, with the date it was checked.
What it does
- Additional controls
- The REPL page lists Evaluate, Line Wrap, Prettify, File Size, Time Travel, and Source Type controls.checked 8 Oct 2026
- AST view
- The REPL page offers an input AST pane alongside compiled output.checked 8 Oct 2026
- Compiler
- Babel converts ECMAScript 2015+ code into backward-compatible JavaScript for current and older browsers or environments.checked 8 Oct 2026
- Configuration limitation
- Babel configuration files do not work in @babel/standalone because it has no filesystem access; presets and plugins must be passed through transform options.checked 8 Oct 2026
- Customization
- Babel documents registering custom plugins and presets for @babel/standalone.checked 8 Oct 2026
- Custom transformations
- Babel supports composing transformations from plugins and presets, including plugins users write themselves.checked 8 Oct 2026
- Input and output
- The REPL page provides code and compiled output panes.checked 8 Oct 2026
- Integrations
- Babel documentation names Webpack, Rollup, and Parcel as build systems that can transpile JavaScript ahead of time.checked 8 Oct 2026
- JavaScript and JSX
- Babel supports transforming modern JavaScript syntax and JSX syntax.checked 8 Oct 2026
- Presets
- The REPL interface lists React, Flow, TypeScript, and stage proposal presets, along with an Env Preset section.checked 8 Oct 2026
- Production guidance
- Babel recommends using a Node.js build system such as Webpack, Rollup, or Parcel to transpile production JavaScript ahead of time instead of using @babel/standalone.checked 8 Oct 2026
- Production limitation
- The documentation says @babel/standalone normally should not be used for production and recommends a Node.js build system to transpile code ahead of time.checked 8 Oct 2026
- Project status
- Babel describes itself as maintained by a small group of volunteers and funded by the community.checked 8 Oct 2026
- Purpose
- The REPL is a browser-based tool for trying Babel transformations on code.checked 8 Oct 2026
- REPL controls
- The REPL page shows code and output panes, Evaluate, Line Wrap, Prettify, File Size, Time Travel, Source Type, Targets, Presets, Options, and Plugins controls.checked 8 Oct 2026
- REPL limitations
- Babel's roadmap says the REPL does not support assumptions configuration or plugin options.checked 8 Oct 2026
- Security and configuration limit
- Babel states that standalone config files do not work because it has no filesystem access; presets and plugins must be specified in transform options.checked 8 Oct 2026
- Standalone usage
- Babel says @babel/standalone supports browser and other non-Node.js environments and can be installed through npm, Yarn, pnpm, or Bun.checked 8 Oct 2026
- Standalone use
- The @babel/standalone documentation identifies the Babel site REPL, JSFiddle, JS Bin, and JSitor as examples of sites compiling user-provided JavaScript in real time.checked 8 Oct 2026
- Support channels
- Babel’s site links to Stack Overflow and a Slack channel as community resources.checked 8 Oct 2026
- Supported syntax options
- Babel lists env, react, typescript, and flow among the popular built-in standalone presets.checked 8 Oct 2026
- Transform settings
- The REPL page includes settings for targets, the env preset, assumptions, and plugins.checked 8 Oct 2026
- Transform targets
- The REPL interface provides a Targets control whose displayed default is “defaults.”checked 8 Oct 2026
Where it runs
- Browser availability
- Babel documents the site REPL as an example of a site that compiles user-provided JavaScript in real time.checked 8 Oct 2026
