Minium CSS
The minimum CSS and HTML to build anything
Minium is a semantic-first CSS library that makes
ordinary HTML look good, then adds class-light lay-
outs and components for building real interfaces
<article class="card">
<h3>Account settings</h3>
<form>
<label>
Workspace name
<input type="text" name="workspace" value="Acme Analytics">
</label>
<label>
<input type="checkbox" role="switch" checked>
Send a weekly summary
</label>
<button type="submit">Save changes</button>
</form>
</article>Monthly revenue
$124,560
+12.4% vs March
Quarterly goal
72%
<section class="grid">
<article class="card">
<p class="eyebrow">Monthly revenue</p>
<h3>$124,560</h3>
<p><span class="badge success">+12.4%</span> <small>vs March</small></p>
</article>
<article class="card">
<p class="eyebrow">Quarterly goal</p>
<h3>72%</h3>
<progress value="72" max="100">72% complete</progress>
</article>
</section>Frequently asked questions
Does Minium require JavaScript?
No. Minium has no JavaScript dependency.
Can I customize the theme?
Yes. Change custom properties in the theme.css file.
Can I use it commercially?
Yes. Minium is MIT licensed.
<h4>Frequently asked questions</h4>
<div role="group">
<details name="minium-faq">
<summary>Does Minium require JavaScript?</summary>
<p>No. Minium has no JavaScript dependency.</p>
</details>
<details name="minium-faq">
<summary>Can I customize the theme?</summary>
<p>Yes. Change custom properties in the <code>theme.css</code> file.</p>
</details>
<details name="minium-faq">
<summary>Can I use it commercially?</summary>
<p>Yes. Minium is MIT licensed.</p>
</details>
</div>Semantic HTML first
Minium styles native HTML elements directly: <button>, <details>, <dialog> and <input> all work without classes.
Composable layout classes
Compose pages with tiny layout utilities: .container, .grid, .sidebar, .cluster, .switcher and more. They adapt to available space without custom media queries.
Common components included
Cards, alerts, modals, dropdowns, tabs, side menus, badges, avatars, skeletons, and progress states cover common app UI
Class-light by design
One meaningful class beats wrapper stacks, utility chains, and framework-shaped HTML.
Accessible defaults
Minium favors native elements and browser behavior, preserves visible focus states, styles semantic and ARIA states, and respects reduced-motion preferences.
Easy to customize
Design tokens and cascade layers let you change color, type, spacing, radii, and density without rewriting components. All changes can be made in one file.
Why?
I built Minium because I was tired of bloated CSS and JavaScript frameworks and the constant churn of their dependencies. I wanted a simpler way to build fast web applications without replacing native HTML features with more JavaScript. Minium relies on semantic HTML and modern CSS keep applications light and easy to maintain.