Beautifying CSS re-indents rules and declarations with consistent spacing, making minified or machine-generated stylesheets easy to read and debug.
Minifying does the opposite — it strips whitespace, comments and redundant syntax, producing the smallest possible payload for production use.
Both run entirely in your browser using open-source libraries (js-beautify and csso) — nothing is sent to a server.
What's the difference between Beautify and Minify?
Beautify re-indents rules and declarations for readability during development; Minify strips whitespace, comments and redundant syntax, producing the smallest payload for production.
Will minifying break my CSS?
It shouldn't — only insignificant whitespace and syntax are removed, and the library used (csso) is widely used in production build tools.
Is my CSS sent to a server?
No — both modes run entirely in your browser using open-source libraries.