Most CSS frameworks ship dozens of kilobytes of unused rules. I built mmy-css — an ultra-lightweight CSS framework under 1.2 KB gzipped with zero dependencies.
🌟 Key Highlights
- 📦 Under 1.2 KB gzipped (~3.1 KB raw)
- 📐 Zero-Specificity Resets using
:where()selectors - 🔤 Fluid Typography using CSS
clamp() - 🌙 Automatic Dark Mode with
prefers-color-scheme - 📱 Responsive Grid without media queries
🔗 Links
- 🌐 Live Interactive Demo: mmy-lana.github.io/mmy-css
- 🐙 GitHub Repository: github.com/mmy-lana/mmy-css
- 📦 NPM Package: npmjs.com/package/mmy-css
html
<!-- Instant CDN Usage -->
<link rel="stylesheet" href="https://unpkg.com/mmy-css/dist/mmy.min.css">
DE
Source
This article was originally published by DEV Community and written by Muhammad Maulana Yusuf.
Read original article on DEV Community