CSS Formatter & Beautifier
Pretty-print CSS with consistent indentation, including media queries.
Paste any CSS — minified or messy — and get a properly indented version. Selectors, declarations and nested at-rules like @media are placed on their own lines with consistent spacing. Runs entirely in your browser.
Common use cases
- Format minified CSS dumped from production for inspection
- Standardise indentation in legacy stylesheets without running Prettier
- Re-indent Tailwind or component-library overrides for clarity
- Make hand-written keyframes and media queries easier to read
Frequently asked questions
Does it handle @media and @keyframes?▾
Yes — nested at-rules are indented inside their parent block.
Is it a full Prettier replacement?▾
No. It only reformats whitespace; it doesn't merge selectors, sort properties or transform values. For comprehensive CSS formatting, use Prettier in your build.
Does it strip comments?▾
Comments are removed for clean output. If you need them preserved, edit by hand.
Related tools
{}
JSON Formatter & Validator
Beautify, validate and minify JSON instantly in your browser.
↔
JSON ↔ CSV Converter
Convert JSON arrays to CSV and CSV back to JSON.
B64
Base64 Encoder & Decoder
Encode and decode Base64 strings, including UTF-8 and binary.
%
URL Encoder & Decoder
Percent-encode and decode URL components safely.