CSS Tools
Format, minify and analyse CSS.
CSS input
2
Selectors
3
Declarations
1 B
Minified savings
Output
.card {
border-radius: 12px;
padding: 16px;
background: #fff;
box-shadow: 0 1px 2px rgba(0, 0, 0, .1)
}
.card:hover {
transform: translateY(-2px)
}Format, minify, and analyze CSS online
CSS Tools cleans up stylesheets into a consistent, readable format, or strips them down to the smallest possible size for production — with a live breakdown of selectors and declarations.
Why use this tool
Clean formatting
Turns compressed or inconsistently-indented CSS into a readable, standard 2-space style.
Production minify
Removes comments and unnecessary whitespace to reduce your stylesheet's file size.
Instant stats
See selector and declaration counts, plus exactly how many bytes minifying would save.
No upload required
Every operation runs locally in your browser.
How it works
- 1Paste your CSS into the input box.
- 2Choose Format or Minify.
- 3Copy the result or download it as a .css file.
Frequently asked questions
Good to know
- Minify strips comments and whitespace to shrink CSS file size for production.
- Format re-indents CSS into a clean, readable style.
- Runs fully in your browser — nothing is uploaded.