Nanasi.CSS is a responsive and pure CSS framework you can use as a basis for creating websites or web applications.
Made with ❤️ in Tanzania.
Currently in Beta
- Small and simple
- Responsive and fluid
- Pure CSS
- Based on Flexbox
- Easy to extend & customize
- BEM ready (Block, Element, Modifier)
- No headaches 😉
Clone this repo
https://github.com/Nanasi-CSS/Nanasi-CSS.git
or install via NPM (Must have Node & NPM installed beforehand)
npm i nanasi-css
Nanasi CSS uses a 12 column flex box layout. Simply, set up your html file in the below format:
<body>
<div class="wrapper">
<div class="container">
<div class="column"></div>
</div>
</div>
<body>
Inside the container and column classes you can add your own custom classes.
 |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|
| Latest ✔ | Latest ✔ | Latest ✔ | 11+ ✔ | 9.1+ ✔ | Latest ✔ |
Thanks goes to these wonderful people:
 Geofrey (Xvr) Kivaru 💻 |
 Alpha Olomi 💻 |
Pull requests are welcome. Please see CONTRIBUTING and CODE_OF_CONDUCT for details. NOTE: Every line of code should appear to be written by a single person, no matter the number of contributors.
If you discover any security related issues, please email [email protected] instead of using the issue tracker.
The MIT License. Please see License File for more information.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent