Format messy JavaScript with Prettier in your browser. Choose parser, width, indentation, quotes, semicolons, trailing commas, and embedded code handling.
Output updates automatically with Prettier as you type, paste, load a file, or change options. Formatting runs in this browser.
Paste valid JavaScript to see auto-formatted output.
Recent beautify results stay in this browser only.
This tool uses Prettier in the browser, so pasted snippets match the same formatting rules many projects use.
Use parser, print width, tabs, semicolons, quotes, trailing commas, and bracket options from Prettier itself.
The JavaScript, TypeScript, HTML, CSS, GraphQL, Markdown, and YAML parser plugins are bundled locally for browser formatting.
If TypeScript or TSX fails with the JavaScript parser, switch the parser to TypeScript / TSX.
Prettier is opinionated. It does not expose every brace or whitespace style choice.
Prettier parses and prints code. It does not type-check code or replace your project build.
Paste the code or change an option and the output updates automatically with the current Prettier settings.
Use the same print width, tabs, semicolon, quote, and trailing comma choices your project uses.
Save a result when you want to compare options or reuse the same snippet later in this browser.