Code
Prettify or minify HTML, CSS, JavaScript, TypeScript, and JSON entirely in your browser.
Runs entirely in your browser
Nothing you paste is uploaded. Monaco and Prettier load on demand from this origin.
Language & samples
Prettier runs locally when you prettify or minify
Source
Edit freely — Monaco loads on first visit
Formatted
Run Prettify or Minify
Click Prettify or Minify to generate output.
There is no upload endpoint — your files are processed in this browser tab. Open your network tab and check. See how it stays private.
How to code formatter
- Paste code. Paste the code or markup you want to reformat.
- Choose format or minify. Pretty-print for readability or minify to shrink it.
- Copy the result. Copy the formatted output back into your project.
Inconsistent formatting makes code hard to read and diffs noisy. A quick beautify pass normalizes indentation and spacing so you can actually see the logic, while minifying does the reverse for shipping smaller assets.
For JSON specifically, the JSON toolkit adds validation and a tree view; for SQL, the SQL formatter understands query structure.
Frequently asked questions
What's the difference between formatting and minifying?
Formatting adds consistent indentation and spacing for readability; minifying strips whitespace and comments to make the file as small as possible for production.
Which languages are supported?
Common web languages and data formats — the tool detects structure and applies sensible spacing so JS, CSS, HTML, and similar all tidy up.
Is my code uploaded?
No. Formatting runs entirely in the browser, so proprietary code stays on your machine.
Related tools
- JSON toolkitFormat, validate, minify, and explore JSON in a collapsible tree — all in your browser.
- SQL formatterBeautify SQL for many dialects locally with sql-formatter.
- YAML formatterFormat and validate YAML locally with helpful parse errors.
- Text diffCompare two blocks side-by-side with highlighted line differences.