Beautify CSS


Welcome to the online CSS minifier.

Do you need to beautify minified CSS back into a format you can actually edit and code? 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.

This is a free tool that beautifies and uncompresses your CSS in a few seconds so you don't have to do it manually. Feel free to use this tool for your css code to develop and code easier and faster.


CSS Beautify Tool

Often when writing CSS Style Sheets your indentation, spacing, and other formatting can become a bit disorganized. It is also common for multiple developers to work on a single project who have different formatting techniques. This tool is helpful for making the formatting of a file consistent. It is also common for CSS Style Sheets to be minified or obfuscated. You can use this tool to make that code look pretty and readable so it is easier to edit.

The 'best practice' of many developers is to maintain a 'beautified' version, and when rolling out their project will run the styles through a minification program. They will also combine their many style files into one file.

A Beaufity Example

Here is the minified CSS:

body{font-family:Georgia, Times, serif;color:purple;background-color:#d8da3d}h1{font-family:Helvetica, Arial}

After beautification:

body {
    font-family: Georgia, Times, serif;
    color: purple;
    background-color: #d8da3d
}
h1 {
    font-family: Helvetica, Arial
}


© 2018 CSS Minifier | Privacy Policy | 3 Reasons to Minimize your CSS | Sitemap