CSS Formatter
Format and beautify CSS stylesheets.
Processed locally in your browser. Nothing you enter is uploaded or stored.
- One declaration per line, consistent bracing and spacing.
- Handles minified stylesheets and copy-pasted rules alike.
- Runs in your browser; styles aren't uploaded.
Why this is private
- Processed locally in your browser. Nothing you enter is uploaded or stored.
- Open your browser's DevTools → Network tab while using this tool — you won't see a request carrying your input, because it never leaves your device.
- Nothing you enter is uploaded to a server or shared with us — the processing happens entirely on your device.
Overview
Reformats minified or inconsistently indented CSS into clean, readable rules.
How to use it
- 1Paste CSS.
- 2The formatted output updates automatically.
Frequently asked questions
What people use it for
Read a minified stylesheetExpand a production CSS file to find a specific rule.
Clean up CSS from dev toolsFormat computed or copied styles before adding them to your sheet.
Standardise a stylesheet before committingConsistent formatting keeps diffs meaningful.
Tidy generated CSSMake output from a build tool or framework reviewable.
Related guides
- How to read JSON with a tree viewerA tree viewer turns a wall of brackets into a structure you can expand, search and copy paths from. Here's how to use one effectively.
- JSON parse errors explained: 'Unexpected token', 'Expected comma or brace', and the restWhat each common JSON error message actually means, the usual cause, and how to find the spot fast using line and column.
- How to format JSON (and actually understand the errors)JSON looks like a JavaScript object but follows stricter rules. Here's what those rules are and how to read the errors when they're broken.
Related tools
All developer toolsCSS MinifierCompress CSS by removing dead rules, comments and whitespace.HTML FormatterFormat and indent HTML markup for readability.JavaScript FormatterFormat and beautify JavaScript code, with configurable indent and brace style.CSS Clamp() GeneratorGenerate a fluid clamp() value for font-size, padding, gap and more.
Ready to use CSS Formatter?
CSS Formatter