Developer Tools

Code Minifier & Beautifier

Minify or beautify HTML, CSS, and JavaScript instantly. See byte-accurate size comparisons and download your output — all in your browser.

100% local
Runs in your browser
Zero sent
No tracking, no servers
Input
Output

          
Processing...
Original 0 B
Output 0 B
Saved 0 B (0.0%)

How to use

  1. 1
    Choose a language tab — select HTML, CSS, or JavaScript depending on the code you want to process.
  2. 2
    Paste your code — paste or type your code into the input panel on the left.
  3. 3
    Choose Minify or Beautify — toggle between modes to compress or format your code.
  4. 4
    Copy or download — click Copy to copy the result to your clipboard, or Download to save it as a file.

Frequently asked questions

What languages does the Code Minifier support?
The tool supports HTML, CSS, and JavaScript. Each language has its own tab with specialized minification and beautification logic.
What's the difference between minify and beautify?
Minify removes whitespace, comments, and unnecessary characters to reduce file size. Beautify does the opposite — it adds indentation, newlines, and formatting to make code more readable.
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.
How accurate is the size comparison?
The size comparison uses the Blob API to calculate actual byte sizes (UTF-8 encoded), which matches real file sizes. This is more accurate than counting characters.
Can I minify multiple files at once?
Currently the tool processes one code block at a time. You can paste content from multiple files sequentially and download each result individually.