← All Tools
CSS/JS/HTML Minifier & Beautifier
CSS
JavaScript
HTML
Input
/* Reset styles */ body { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Inter', sans-serif; background-color: #0a0a0a; color: #e4e4e7; } /* Container */ .container { max-width: 1200px; margin: 0 auto; padding: 24px; } /* Button styles */ .btn { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border: none; border-radius: 6px; font-size: 14px; font-weight: 500; cursor: pointer; transition: opacity 0.15s; } .btn:hover { opacity: 0.9; } .btn-primary { background-color: #22d3ee; color: #09090b; }
Minify
Beautify
Copy Output
2 spaces
4 spaces
Tab
Output