CSS & JS Minifier / Beautifier
Input
Output
How to Use
- 1Select CSS or JavaScript mode using the tabs above the editor.
- 2Paste your code into the left input area.
- 3Click Minify to compress the code, or Beautify to make it readable.
- 4Review the size savings shown below the editor.
- 5Click Copy Result to copy the output to your clipboard.
Features
Switch between CSS and JavaScript modes with one click.
See exactly how many bytes and % you saved after minifying.
Code never leaves your browser — all processing is local.
Format minified or ugly code into clean, readable style.
Instantly copy minified or beautified code to clipboard.
Works entirely in your browser — no plugins or extensions required.
Use Cases
FAQ
What is CSS minification?
CSS minification removes whitespace, comments, and unnecessary characters from CSS files without changing their functionality. This reduces file size, which improves page load speed and reduces bandwidth usage.
How much can minification reduce file size?
Minification typically reduces CSS file size by 20-50% and JavaScript file size by 30-60%, depending on how much whitespace and comments the original code contains. Combined with gzip compression on the server, total savings can exceed 80%.
Is my code sent to a server?
No. All minification and beautification happens entirely in your browser using JavaScript. Your code never leaves your device — it is completely private.
Can I beautify minified code?
Yes. The Beautify button re-formats and indents minified or poorly formatted CSS/JS code, making it readable for debugging or editing. This is useful when inspecting styles from third-party stylesheets.
Does it support SCSS or TypeScript?
The tool works with standard CSS and JavaScript/ES6+. It can handle SCSS syntax in CSS mode for basic minification, but it does not compile SCSS to CSS or TypeScript to JavaScript.