Unminify CSS

CSS Beautifier Online

Enter your messy, minified, or obfuscated CSS Style Sheets into the field above to have it cleaned up and made pretty. The editor above also contains helpful line numbers and syntax highlighting. There are many option to tailor the beautifier to your personal formatting tastes.

CSS Formatter Example

Before:

.ui-helper{background-color:red}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;width:1px}

After (Default):

.ui-helper {
	background-color: red;
}
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	width: 1px;
}

Why use CSS Formatter?

CSS Formatter tool is usefull for multiple reasons, here are some:

Code Indentation

Keep your code consistent and organized. Multiple developers working on a single project who have different formatting techniques, could be a mess!

Debug CSS Code

It is a common practice for CSS to be minified or obfuscated. You can use this tool to make that code look pretty and readable so it is easier to view and edit.

Is this CSS Formatter free?

Yes, this css unminify tool is free to use, share it :)