CSS Beautifier

The CSS Beautifier formats CSS with readable indentation (powered by js-beautify). Switch the mode to Minify to shrink stylesheets for production using CSSTree optimization. Both modes run in your browser with live output as you edit.

What is this tool for?

CSS can sometimes become difficult to manage, especially when it lacks proper formatting. This tool is here to help developers and designers who are dealing with unformatted CSS code. By using the CSS Beautifier, you can quickly turn minified or messy code into clean, well-organized CSS that is much easier to work with.

Example Input and Output

Input:

body{background-color:#f3f4f6;color:#333;font-family:sans-serif;margin:0;padding:0;}h1{font-size:2rem;font-weight:700;margin:0;padding:1rem;text-align:center;}p{font-size:1rem;line-height:1.5;margin:0;padding:0.5rem;}a{color:#1d4ed8;text-decoration:none;}a:hover{text-decoration:underline;}button{background-color:#1d4ed8;color:white;border:none;padding:0.75rem 1.25rem;font-size:1rem;border-radius:0.375rem;cursor:pointer;}button:disabled{background-color:#9ca3af;}

Output:

body {
    background-color: #f3f4f6;
    color: #333;
    font-family: sans-serif;
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 2rem;
    font-weight: 700;
    margin: 0;
    padding: 1rem;
    text-align: center;
}

p {
    font-size: 1rem;
    line-height: 1.5;
    margin: 0;
    padding: 0.5rem;
}

a {
    color: #1d4ed8;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

button {
    background-color: #1d4ed8;
    color: white;
    border: none;
    padding: 0.75rem 1.25rem;
    font-size: 1rem;
    border-radius: 0.375rem;
    cursor: pointer;
}

button:disabled {
    background-color: #9ca3af;
}

Disclaimer

The CSS Beautifier tool is provided as-is and is intended to assist in formatting your CSS code. However, it is always recommended to review the output manually to ensure that it meets your specific requirements. We are not responsible for any potential issues that may arise from using this tool.