Modern flat design framework for the web — inspired by Duolingo design system.Get Started
Clean & cool
Whitespace plays a big role and borders result in the layout that is clean at the users' first sight.
Concise but powerful
With only ~15 kb size, you can start a new project having just must-haves like components, helper classes, and so on.
The most used patterns, highly composable and customizable.
Immutable and reusable classes to speed the development process up.
Custom and native elements to create modern forms.
Start a new project or add FlatifyCSS in less than a minute.
Install the package with one command.
npm install flatifycss
No worry about files, jsDelivr takes it over.
<link href="https://cdn.jsdelivr.net/npm/flatifycss/dist/css/flatify.min.css" rel="stylesheet" crossorigin="anonymous"/>
<script src="https://unpkg.com/@popperjs/[email protected]" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/flatifycss/dist/js/flatify.min.js" crossorigin="anonymous"></script>