Free developer tool

Code formatter & beautifier

Format and syntax-color JavaScript, TypeScript, JSON, CSS, HTML, Markdown, or PHP locally with a private browser-based code beautifier.

Runs locallyUpdates as you type

Language

Input

Output

Your result will appear here.

Processed only on this device

About this tool

What code formatter & beautifier does

Turn compact or inconsistently styled source into readable, syntax-colored code with language-aware parsing and stable indentation.

How it works

Bundled Prettier parsers format JavaScript, TypeScript, JSON, CSS, HTML, Markdown, and PHP entirely in this browser tab. Output updates after a short pause while typing.

Common uses

When to use it

Beautify copied JavaScript or PHP
Validate and pretty-print JSON
Normalize CSS, HTML, TypeScript, and Markdown before review

Scope

Limits to know

Formatting changes presentation, not program behavior
A syntax error must be fixed before language-aware formatting can finish

Worked example

Example input and result

Use the prefilled value in the tool above or paste a similar value of your own.

Input

const status={service:'edge',healthy:true,regions:3};
console.log(status);

Result

const status = { service: "edge", healthy: true, regions: 3 };
console.log(status);

Quick answers