The New CSSMinimal CSS framework for fast, clean websites
The New CSS gives you sensible defaults, modern utilities, and nothing extra. Performance and maintainability come from shipping less.
Why minimal CSS wins
✓
Performance
Less CSS means faster downloads, fewer render-blocking resources, and quicker first paint.
✓
Maintainability
A small codebase is easier to understand, debug, and extend than a large framework.
✓
No dead code
Ship only what you use — no purge step needed when the entire library is small.
What you get by default
Typography
Readable font sizes, line heights, and heading scales.
Layout
Flexbox, grid, and container utilities.
Colors
Perceptually uniform oklch() color palettes.
Responsive
Mobile-first breakpoints and dark mode.
Quick start
<link rel="stylesheet" href="https://unpkg.com/the-new-css/dist/the-new-css.min.css">Example
<div class="container mx-auto px-4">
<h1 class="text-3xl font-bold mb-4">Hello</h1>
<p class="text-gray-600">Clean and minimal.</p>
<div class="grid sm:grid-cols-2 gap-4 mt-6">
<div class="p-4 bg-gray-100 rounded-lg">Card A</div>
<div class="p-4 bg-gray-100 rounded-lg">Card B</div>
</div>
</div>