Code Formatter

New

Beautify or minify JSON, CSS, HTML, SQL and XML in one tool.

100% private — no uploads Developer ToolsFree & unlimited Read tutorial

See how it works

Watch a quick simulation of this tool in action — no file needed.

How to use Code Formatter

Follow these steps — everything happens instantly in your browser.

  1. 1

    Step 1. Pick the language — JS, CSS, HTML, JSON, SQL or XML.

  2. 2

    Step 2. Choose indent (2 or 4 spaces).

  3. 3

    Step 3. Click Beautify or Minify.

  4. 4

    Step 4. Copy the result.

Why use this tool

Frequently asked questions

Everything you might want to know about code formatter.

Related tools

Popular

JSON Formatter

Beautify, minify and validate JSON — 100% in your browser.

Open
Trending

CSS Minifier & Beautifier

Compress or re-indent CSS — instantly, locally.

Open
Trending

JS Minifier & Beautifier

A conservative JS formatter — strip // comments, dedent, beautify.

Open
Trending

SQL Formatter

Beautify SQL with uppercase keywords & sensible line breaks.

Open
New

XML Formatter & Minifier

Beautify or minify XML — handles attributes, CDATA, comments.

Open