Does it support CSS variables and media queries?

Yes, CSS variables (--var), media queries, and modern CSS syntax are all supported.

Are comments removed when minifying?

Yes, comments and unnecessary whitespace are removed in minify mode.

Can it handle SCSS or LESS?

The beautify function handles SCSS/LESS to a degree, but full support is not guaranteed.

💻

Developer Tools

Input

CSS Beautify & Minify

Clean up messy CSS with proper indentation, or strip whitespace and comments to minimize file size. Beautify is powered by js-beautify; minification uses an optimized algorithm. Results can be copied instantly.

How to Use

① Paste your CSS into the input field. ② Click 'Beautify' or 'Minify'. ③ The result appears below. ④ Click 'Copy' to save to your clipboard.

When to Use

• Making a compressed CSS library readable for debugging • Minimizing CSS before production deployment to improve load speed • Cleaning up indentation before a code review • Tidying up email template or inline CSS

Frequently Asked Questions

Q. Does it support CSS variables and media queries?: A. Yes, CSS variables (--var), media queries, and modern CSS syntax are all supported.
Q. Are comments removed when minifying?: A. Yes, comments and unnecessary whitespace are removed in minify mode.
Q. Can it handle SCSS or LESS?: A. The beautify function handles SCSS/LESS to a degree, but full support is not guaranteed.