Original file size:

Beautified file size:


This CSS Beautifier tool is designed to help you beautify your CSS code quickly and easily. Simply enter your raw CSS code into the input field, click the "Beautify" button, and the tool will format and organize your code for better readability.

If you want to start over, simply click the "Clear" button to clear the input field.

The output container will show the formatted code with a label "Output". You can copy the formatted code to your clipboard using the "Copy to Clipboard" button, or download the file with the "Download" button.

Additionally, you can check the size of your original file and the beautified file using the two span tags - "Original file size" and "Beautified file size". These sizes will help you track the changes in your code.

Overall, this CSS Beautifier tool is a convenient and user-friendly way to tidy up your CSS code and make it more presentable.