Indent:
Beautify, indent, format, or minify CSS stylesheets with rule sorting, property alignment, and syntax error detection.
Format with 2-space/4-space indentation or compress into a single-line minified stylesheet.
Formats selector lists, property colons, semicolons, and curly brace placements consistently.
Full support for CSS variables (--custom-prop), @media queries, @keyframes, and CSS grid/flexbox.
Format proprietary stylesheets with zero cloud data transmission.
The CSS Formatter tokenizes your stylesheet into selectors, declaration blocks, properties, values, and at-rules using a client-side CSS AST parser.
It formats the tokens according to standard style guides, adding consistent spacing around braces, colons, and semicolons while indenting nested media queries.
Minification mode strips comments and whitespace, compressing CSS asset weight for fast web delivery.
Format unreadable single-line CSS files to inspect styles, media queries, and animations.
Format CSS files before git commits to maintain uniform coding standards across teams.
Minify custom stylesheets to eliminate render-blocking CSS bytes on web pages.
Organize disorganized multi-thousand line CSS files into clean, readable blocks.
Yes. Modern CSS custom properties (--main-color), nested @media queries, and @keyframes animations are fully supported.
Yes. Switching to "Minify" mode strips all whitespace and comments, cutting CSS file size significantly.
No. All formatting and minification operations run locally in your browser.
Yes. Softnag identifies missing semicolons and unclosed braces with clear syntax warning messages.
Yes. Softnag includes a one-click copy button and a direct .css file download option.
Yes. Media queries and standard CSS3 properties are indented hierarchically.