DOCSEARCHbyAlgolia
Submit Docs

Flatify CSS

website·Indexed 32 days ago

https://flatifycss.com

A concise and powerful CSS framework focused on clean layouts, whitespace, and minimal borders.

Tokens
220
Snippets
2
Records
3
Agent score
14%

What's inside Flatify CSS

  1. FlatifyCSS Framework Overview

    FlatifyCSS is a concise CSS framework (~15 kb) designed for clean layouts using whitespace and borders. It provides three primary building blocks: highly composable Components, immutable and reusable Helper classes, and custom/native Form elements.

  2. Install FlatifyCSS via npm

    Install the FlatifyCSS package using npm to include the framework in your project.
    npm install flatifycss

  3. Add FlatifyCSS via CDN

    Include FlatifyCSS in your project without local files by adding the stylesheet and JavaScript files from jsDelivr and unpkg. Note that Popper.js is required for certain components.
    <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>