CSS Formatter
Beautify and format CSS, SCSS and PostCSS code instantly
Ctrl + Enter to re-format instantly
Ready · 2-space indent
Formatted CSS will appear here
Paste CSS above to begin
Advertisement
Banner adResponsive
CSS Formatter – Beautify CSS Code with Prettier
Free CSS Formatter powered by Prettier: beautify minified or messy CSS online with 2-space, 4-space or tab indentation. Runs entirely in your browser.
Related tools
What is CSS Formatter?
A free online CSS formatter powered by Prettier. Paste minified or messy CSS and get clean, readable output. It formats standard CSS including custom properties, media queries, keyframes, and nesting. Sass-specific constructs such as @mixin and @include are not supported. Print width is fixed at 80 characters, and processing runs entirely client-side.
- css
- formatter
- beautifier
- prettier
Features
What you get with CSS Formatter.
Standard CSS Support
Formats standard CSS, custom properties, media queries, keyframes, and nesting.
Browser-Based
Formats CSS locally with a fixed 80-character print width.
Adjustable Indent Size
Choose 2 spaces, 4 spaces, or tabs.
Instant & Private
Live formatting in the browser — nothing sent to any server.
How to use CSS Formatter
Follow these steps to get the best results.
Paste your CSS
Paste minified or messy CSS into the input — formatting runs automatically.
Choose an indent size
Pick 2 spaces, 4 spaces, or tabs to match your project.
Copy or download the result
Copy the formatted CSS or download it as a file.
Advertisement
In-feed adResponsive
Frequently asked questions
Common questions about CSS Formatter.
No — only whitespace and formatting change. Selectors, property names, property order, and values are preserved.
No. This formatter uses Prettier's standard CSS parser. Compile Sass or SCSS to plain CSS first, then format the generated CSS.
Yes — paste any minified CSS string and the formatter will expand it into readable, properly structured code.
Yes — CSS custom properties (--color-primary: #fff) and all modern CSS features including @layer, @container, and nesting are supported.
No. The CSS Formatter handles standard CSS, including custom properties, media queries, keyframes and nesting. Sass-specific syntax such as @mixin and @include is not supported.
Advertisement
Mobile banner adResponsive
Comments
Share feedback, ask questions, or help others use this tool.
Join the discussion
Sign in to comment, reply, and report inappropriate content.