Code Formatter & Beautifier
Format JavaScript, TypeScript, CSS, HTML, JSON, and more. Powered by Prettier — the same engine used in VS Code. Runs entirely in your browser.
Loading Prettier…
Real-time · Cmd/Ctrl+Shift+F to force format
Formatted output will appear here
Frequently Asked Questions
- Which languages does the formatter support?
- JavaScript, TypeScript, JSX, TSX, CSS, SCSS, HTML, JSON, Markdown, GraphQL, and YAML. Use Auto-detect to let the tool identify the language from your code.
- What formatting engine is used?
- Prettier — the industry-standard code formatter used by millions of developers. The same engine that powers the format-on-save feature in VS Code, WebStorm, and other editors.
- Can I customize the formatting options?
- Yes. Open the Options panel to set tab width (2 spaces, 4 spaces, or tabs), quote style (single or double), semicolons (on or off), and trailing commas (none, ES5-compatible, or all).
- Is my code sent to any server?
- No — Prettier runs entirely in your browser via WebAssembly. Your code never leaves your device and nothing is uploaded.
- What is the Diff view?
- The Diff view shows a line-by-line comparison between your original input and the formatted output, with added lines highlighted in green and removed lines in red.
- Does it work on mobile?
- Yes, it works on all modern browsers including mobile. The split-panel layout stacks vertically on smaller screens.