Refreshing CSS
Beautiful, fast, and powerful CSS tooling with zero configuration
Consistent CSS, instantly.
Opinionated formatting so your whole team writes CSS the same way. No arguments, no config, just clean code.
Formatting →body{color:red;background:white;border-color:#ff0000}body {
color: red;
background: white;
border-color: #ff0000;
}Catch mistakes before they ship.
Find typos, invalid values and redundant rules. Get helpful suggestions, not just error codes.
Linting → × Invalid property
╭─[example.css:3]
3 │ backgrond: blue;
· ────┬────
· ╰── Did you mean background?
╰────.btn {
color: #ff0;
backgrond: blue;
margin: 10px 5px 10px;
}Smaller files, faster sites.
Blazing fast compression that removes whitespace, merges shorthand, and strips redundant values — no output configuration needed.
Minify →.header {
background-color: #ffffff;
padding: 20px 16px 20px 16px;
margin: 0 auto;
border-radius: 8px;
}.header{background:#fff;padding:20px 16px;margin:0 auto;border-radius:8px}Use tomorrow's CSS today.
Write modern CSS and ship code every browser understands. csskit handles the compatibility layer automatically.
Transpile →:heading {
font-weight: 600;
}:is(h1,h2,h3,h4,h5,h6) {
font-weight: 600;
}One command, one file.
Combine and optimise all your CSS files. Tree-shaking, deduplication, and minification in a single pass.
Read the docs →src/styles/
├── base.css
├── components.css
└── utilities.css.btn{padding:8px 16px;border:none}.card{background:#fff}.mt-4{margin-top:1rem}Know your CSS inside out.
Deep insights: colour palettes, unused rules, property usage stats. Understand what your stylesheet is actually doing.
Analyze →Colors (12 unique)
#ffffff ████████████ 38%
#663399 ████████ 24%
#ff0000 ████ 11%
Properties (847 total)
color ██████ 22%
background ████ 15%
margin ████ 13%Why csskit?
⚡ Blazing Fast
Built for performance. Process thousands of CSS files in milliseconds.
🚀 Zero Config
Works out of the box with sensible defaults. No complex configuration files to manage.
🔧 All-in-One
Replace multiple tools with one. Format, lint, minify, and analyse in a single package.
🌟 Modern Standards
Built on the latest CSS specifications, with weekly updates.