CODE BEAUTIFIER / 10 LANGUAGES

Code formatting tools

Paste any code; the language is detected and tidied up.

Runs locally · code is not uploaded
Options

YOUR NEXT STEP

Connect useful tools with your company workflow

Create a company account to configure website monitoring, business email and notifications, and invite your team to work together.

New companies receive a 14-day Pro trial, with no card required. Trials exclude the paid monthly credit grant.

Already have an account? Open your workspace →

How to use it

  1. Paste code, drop a file or load the sample; the language is preset for this page and can be changed.
  2. Choose format or minify and adjust indent, width and other options; the result appears on the right as you type.
  3. Copy or download the result; on an error, use "Go to error", fix it and run again.

Languages and engines

Formatting uses the same open-source engines as popular editors, so results match Prettier in VS Code and your team can keep one style. Every engine loads from this site and runs in your browser.

Language
LanguageFormatCompress
HTMLPrettier 3✓ comments and whitespace
XMLXunL XML engine✓
CSS / SCSS / LessPrettier 3✓ CSSO restructuring
JavaScript / TypeScriptPrettier 3(Babel)✓ Terser (JavaScript only)
JSONPrettier 3✓ big numbers keep precision
YAMLPrettier 3— (comments kept)
SQLsql-formatter (14 dialects)—

Frequently asked questions

How reliable is auto-detect?

It looks at telltale starts such as an XML declaration, a doctype, SELECT, brace rules or key: value. Very short snippets may be misread; just pick the language manually.

Is my code uploaded?

No. The engines download from this site and run in your browser; your code never passes through our servers or any third party, so it is safe for internal code and configuration.

How large can files be?

Up to 5 MB per file; above 300 KB the page waits for the button instead of formatting as you type, to keep the browser responsive.

code beautifier practical guide and common questions

What does a code beautifier do?

The language is detected from telltale starts (<?xml, <!doctype, SELECT, brace rules, key: value…) and handed to its engine: Prettier for HTML, CSS, JS, JSON and YAML, the XunL engine for XML, sql-formatter for SQL.

Who is this for, and when is it useful?

Developers, marketers and support staff who touch many kinds of code and want one page for all of them, or are unsure of the language.

How do I use this code beautifier?

Paste any code; the language (HTML, XML, CSS, JS, JSON, YAML, SQL and more) is detected and formatted or minified in one click.

How should I interpret the results?

Very short or mixed snippets may be misdetected; pick the language manually. The status line shows the detected language.

Where is the work performed, and which services receive data?

Every engine loads from this site and runs in your browser; your code passes through no server.