PrettierSQLXMLin your browser
Paste JavaScript, TypeScript, JSON, CSS, HTML, Vue, Markdown, YAML, GraphQL, SQL or XML. It detects the language and formats the code in your browser; nothing is uploaded.
The formatted code lands in this compartment. Ctrl + Enter formats from the keyboard.
Syntax error
Ready. Paste code, open a file or press Sample.
Runs in your browser · nothing is uploadedPaste code into the left compartment, drop a file on it, or press Sample to cycle through examples in every language. With Format on paste on, pasted code is formatted straight away; otherwise press Format or Ctrl + Enter. Changing an option re-formats the current code. Download saves the result with the right extension, using the opened file's name when there is one.
<T>value casts work; pick TSX for components.Dedicated formatters with the options each language really needs.
Twenty dialects from PostgreSQL to BigQuery, keyword and function case, tabular indents and spacing between queries.
SELECT name, COUNT(*)
FROM orders
WHERE shop_id = $1Validate, pretty-print or minify. CDATA, comments and xml:space stay intact.
Validate and tidy multi-document YAML with anchors, aliases and comments kept.
Prettier for markup, plus a minifier that never touches pre, textarea or inline spacing.
Unminify bundles with Prettier, or minify with terser and compare sizes.
Beautify CSS, SCSS and Less. Minify CSS with csso, or with a whitespace-only pass that understands nesting.
.bento {
display: grid;
gap: 2px;
}Format queries and schemas, or compact a query onto one line.
Aligned tables, consistent list markers and optional prose wrapping.
Each formatter is JavaScript that runs in your browser. It is downloaded the first time you use a language; your code never leaves the page.
Two free tools for the jobs that come after tidy code.
Formatted the markup and want to see it in another browser? WebTraceCheck opens any page in Chrome, Firefox, Edge, Brave or Chromium on an isolated Linux desktop that is deleted after each session. There is free daily time and nothing to install.
Its free website audit and technical SEO check are handy once a page is ready to ship.
Try WebTraceCheckTesting a sign-up form or the emails your app sends? CleanTempMail gives you an instant inbox with no sign-up, a random or custom address on hundreds of domains, and deletes mail automatically after 3 days.
For CI pipelines, the Temp Mail API gives automated tests their own inboxes, paid once per request quota with no subscription.
Get a temporary inboxNo. Prettier, sql-formatter and the XML printer run as JavaScript in this tab. The formatter for a language is downloaded from this site the first time you use it; after that nothing is fetched. The site counts page views with Cloudflare Web Analytics, which sets no cookies and never receives what you paste.
JSON is tried with a strict parser first, markup is judged by its first tag, SQL by its opening keyword and GraphQL by operations and type definitions. Everything else is scored on signals such as type annotations, selectors and key: value lines. Opened files use their extension. When it guesses wrong, pick the language from the menu.
Yes. This is Prettier 3's own standalone build with its official plugins, so the same options give the same output as the command line. A .prettierrc file is not read, so set print width, quotes and the rest here; your choices are remembered in this browser.
Print width, tab width and tabs apply everywhere. Semicolons and trailing commas affect JavaScript and TypeScript, including scripts inside HTML and Vue. Single quotes also apply to CSS and YAML strings, and bracket spacing to objects in JavaScript, JSON, YAML and GraphQL.
A formatter has to parse code before it can print it, so it needs valid syntax. The error panel shows the line and column, the offending line with a caret under the problem, and a button that puts the cursor there. If the language guess was wrong, picking the right one usually fixes it.