FlatifyCSS
Modern flat design framework for the web — inspired by Duolingo design system.
Get StartedReact FlatifyCSSClean & 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.
Components
The most used patterns, highly composable and customizable.
Helpers
Immutable and reusable classes to speed the development process up.
Forms
Custom and native elements to create modern forms.
Quick start
Start a new project or add FlatifyCSS in less than a minute.
npm
Install the package with one command.
npm install flatifycss
CDN
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/core@2" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/flatifycss/dist/js/flatify.min.js" crossorigin="anonymous"></script>