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.
组件
最常用的pattern,高度可组合和可自定义。
助手
不可变和可重用的类,以加快开发过程。
形式
用于创建新式表单的自定义和原生元素。
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>