Code Minifier
Minify HTML, CSS, and JavaScript
HTML
CSS
JS
Sample
Minify
Clear
Input HTML
<html> <head> <title>Sample Page</title> <style> .container { margin: 0; padding: 20px; } </style> </head> <body> <div class="container"> {/* Nav */} <nav className="mb-6"> <a href="/" className="inline-flex items-center gap-2 text-sm text-blue-600 hover:text-blue-800 transition"> <svg xmlns="http://www.w3.org/2000/svg" className="h-4 w-4" viewBox="0 0 20 20" fill="currentColor"> <path fillRule="evenodd" d="M9.707 16.707a1 1 0 01-1.414 0l-6-6a1 1 0 010-1.414l6-6a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l4.293 4.293a1 1 0 010 1.414z" clipRule="evenodd" /> </svg> All Tools </a> </nav> <h1>Hello World</h1> <p>This is a sample page.</p> </div> <script> function greet(name) { console.log("Hello, " + name); } greet("World"); </script> </body> </html>
Minified Output