ST

SnapTool.top

Loading...

💅

CSS Formatter / Minifier

Format and minify CSS online with one-click copy and keyboard shortcuts.

Input CSS
Formatted Output

About CSS Formatter

Format and minify CSS for consistent style and smaller size. If your CSS is embedded in HTML, try the HTML Formatter. For JS-driven styles or payloads, use the JS Formatter / Minifier.

Perfect for stylesheets, components and sharing snippets. When CSS is shipped via URLs or encoded identifiers, decode first with the URL Encoder/Decoder or Base64 Encoder/Decoder.

Common Use Cases

  • Improve readability for code review
  • Enforce team style conventions
  • Reduce bundle size
  • Normalize legacy styles before refactor

How It Works

  • Applies consistent spacing and ordering
  • Removes comments and extra whitespace
  • Warns on invalid CSS
  • One‑click copy

FAQ

Does it reorder properties?

Formatting keeps logical order; minify doesn’t reorder. For deep normalization across files, combine this tool with XML/HTML formatters depending on context.

Is vendor prefix preserved?

Yes, vendor prefixes remain intact.

SASS/LESS supported?

Paste compiled CSS. Use your build tools to compile SASS/LESS to CSS, then format/minify here.

Is data uploaded?

No, runs locally in your browser for privacy.