跳到主要内容

猫箱研究所

指引迷失旅人的道路,投身无限可能性之中!

进入房间核心记录

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>

Keep it breathing

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