CSS Unminifier Tool
Enter your minified CSS:
Paste
Sample
Unminify
Clear
Beautified CSS:
Original: 0 chars
Beautified: 0 chars
Added: 0%
Copy
How to Use This Tool
Paste or Load Sample:
Click "Paste" to add minified CSS from your clipboard, or "Sample" to load a demo minified CSS for testing.
Unminify:
Hit the "Unminify" button to format your CSS with proper indentation, spaces around colons, and newlines for readability.
View Stats:
Check the stats below the output to see how much formatting was added (in characters and percentage).
Copy Output:
Use the "Copy" button to grab the beautified CSS for your project. It shows a checkmark on success!
Clear All:
Reset everything with the "Clear" button if needed.
Pro Tip:
This tool works best for simple CSS; for complex nested rules, consider a full IDE like VS Code with extensions.