Formats messy, inline, or minified CSS into readable, properly indented code with one declaration per line. Switch to minify mode to remove all unnecessary whitespace and comments for production use. Handles standard CSS3, custom properties, media queries, and nested rules. Shows original vs output size.
Toggle between Format and Minify mode to beautify or compress your CSS with one click. To generate CSS gradients or shadows visually, try the CSS Gradient Generator.
Format
Input
.btn{color:red;background:blue;}Output
.btn {
color: red;
background: blue;
}Generate linear, radial, and conic CSS gradients with live preview.
Minify HTML by removing whitespace, comments, and optional attributes.
Format and beautify JavaScript code with Prettier.
Check WCAG AA and AAA contrast ratios for foreground and background colours.
Compare two blocks of text and highlight the differences.
Test regular expressions against sample text with live match highlighting.