Format button does nothing

check if your code has a syntax error. Prettier can't format code it can't parse. JavaScript with a missing bracket or CSS with an unclosed rule will fail. The error should appear in the output.

My TypeScript types disappeared

you might have pasted TypeScript into the JavaScript tab. Switch to the TypeScript tab. The Babel parser for JavaScript doesn't understand type annotations and will either error or strip them.

The output has semicolons but my project doesn't use them

this tool uses Prettier's defaults, which include semicolons. If you need no-semicolons style, you'll need to run Prettier locally with a config file. For a quick paste-and-copy, the semicolons don't affect functionality.

Minification removed something important

the minifier strips all comments, including `/* eslint-disable */` directives, `@ts-ignore`, and `/*! license */` preservation comments. If you need those, add them back after minifying.

CSS custom properties look different

Prettier formats custom properties consistently. `--my-var:red` becomes `--my-var: red` (with a space after the colon). Same behavior, different formatting.

All Tools

toolzy.dev / Code & Markup / Formatador de código

T

Code Formatter

Format CSS, JavaScript & TypeScript with Prettier

Input

Output