Flatize

Free and open source CSS framework based on Flexbox made by Nocturne.
Download


Grid

A simple way to build responsive columns.
Auto
Grid columns size automatically
Desktop
Grid columns on large computer
Tablet
Grid columns on tablet device
Mobile
Grid columns on tablet device


Text

Change the size and color of the text for one or multiple viewport width.
Paragraph
There are 6 sizes available

Heading h1

Heading h2

Heading h3

Heading h4

Heading h5
Heading h6
Titles
When you combine a title and a subtitle, they move closer together.

Cool title

Size 3

Cool title 2

Size 4

Cool title 3

Size 5

Quotation
Need a space for writing your think ?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras a sagittis sapien, ut auctor lectus. Phasellus varius purus eget auctor fermentum. Donec elit diam, gravida quis luctus sed, accumsan sed ipsum. Fusce eget consequat nisi. Praesent efficitur quam non neque iaculis sagittis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse potenti. Vivamus egestas malesuada ipsum ultrices dictum.

Code
Need to integrate code.
public function likeFlatize(){
   like++;
}
Truncate
If your string is too long.

Flatize is the best CSS framework of the world


Button

The classic button, in different colors, sizes, and states.
Default
The classic button and his variant.
Button Button Button Button Button
Size
Different size.
Button Button Button
Rounded
Don't like square ?
Button Button Button Button Button
Disabled
This button mustn't be touched ?
Button Button Button Button Button
Icons
Need more than only text ?
Button Close Done


Image

Display image with easy.
Responsive image (fullwidth)
Need more than only text ?
Circle image
Life in circle ?