Next-Gen CSS Framework
The Atomic CSS Framework for crafting gorgeous UIs without shipping any CSS.
Instant On-Demand CSS
1. Write the code
class=""
2. Mojo compiles it
<style>
.bg-c-blue {
...
}
</style>
.bg-c-blue {
...
}
</style>
3. Voila!
Less Code, More Readability
Then
class="bg-red-400 px-5
hover:bg-red-600 hover:px-8
"
Now
class="bg-c-red px-5"
hover="bg-c-red:+2 px-8 "
npm install mojocss
Instant On-Demand Atomic CSS
One tiny core is all you need.
Next-Gen Variants
Atomic CSS made readable.
Unlimited Color Themes
Go beyond just dark mode.
Lightweight, Yet Powerful
~15kb min+gzip.
Super Easy Setup
All you need is to import Mojo in your projects.
Customizable
Build your own design system.
Real CSS Selectors
Use atomic utilties within real CSS selectors in the DOM.
Built-in Color Engine
Use literally any color along with its limitless tints and shades.
Responsive by Design
Every utiltiy class comes with responsive variants.
Patterns
Compose utilities in nested rules.
Capsules
Extend the framework's functionality by using or making Capsules.