Skip to main content


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.

Quick start

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="" rel="stylesheet" crossorigin="anonymous"/>
<script src="[email protected]" crossorigin="anonymous"></script>
<script src="" crossorigin="anonymous"></script>

Keep it breathing

We need your help to make it better than what it is!