Fluid-css NPM | npm.io

🚀 Quick Start

Using CDN

Just copy stylesheet link into HTML tag <link href="https://cdn.jsdelivr.net/npm/fluid-css/dist/fluid.min.css" rel="stylesheet" />.
Start using Fluid

Using NPM

Download Package as Direct Dependency npm install fluid-css
Import required Css Into project using import "fluid-css/dist/fluid.css"
Start using Fluid

Using Yarn

Download Package as Direct Dependency yarn add fluid-css
Import required Css Into project using import "fluid-css/dist/fluid.css"
Start using Fluid

Using Meteor

Download Package using meteor add fluidframework:fluid
Import required Css Into project using import "fluid-css/dist/fluid.css"
Start using Fluid

📂 Structure

Fluid uses ITCSS architecture for its files and folder structure.

src
├───components
├───elements
│   └───typography
├───generics
├───objects
├───settings
│   ├───components
│   ├───design
│   ├───icons
│   ├───misc
│   ├───naming
│   ├───objects
│   ├───placeholders
│   │   └───typography
│   ├───theme
│   └───typography
├───tools
│   ├───functions
│   └───mixins
│       ├───components
│       └───shapes
├───utilities
│   ├───border
│   ├───grid-flex
│   ├───sizing
│   ├───transform
│   └───typography
└───vendors

💅 CSS only

Fluid is a CSS implementation only means it components are faster than JavaScript Components but being a CSS only framework also means that for components like Alerts Popup, User have to implement their own JavaScript Implementation and logics.