Developer Resources, Web

5 Best CSS Flexbox Based Frameworks

CSS Flexbox

CSS Flexbox is the new part of css3 it allows you to create super complex and super flexible layout with CSS. CSS Flexbox aims to get rid of these hacks and let us create flexible layouts. CSS Flexbox controls the position, size and spacing of elements about their parent elements and each other.So here we have put together 5 best CSS Flexbox Based Frameworks.

CSS Flexbox Based Frameworks

Structure

Structure is a declarative, Flexbox based grid framework. Structure defines layout using non-standard attributes on elements. Structure is built on Flexbox, so this only works in browsers that support Flexbox.

structure

Details & Download

 

Flex Grid Framework

The Flex Semantic Grid focusing on performance for stylus and Sass.To use the framework, you’ll need to compile your style with the Stylus preprocessor using NodeJS.

flex-grid-frmework

Details & Download

 

Wire

The grid system is written with flexbox. Adding Data-attributes and mixins for all common configurations.The principle of Wire is simplicity and lightweighting, avoiding unnecesary styles. Wire only styles a basic HTML elements and includes a flexbox grid and a set of mixins/helpers to make daily work easier and fast.

wire

Details & Download

 

CssPlus

Robust, fast and cross browser responsive layout scaffolding based on Flexbox.It supports all the common browsers lie Chrome.Opera,Firefox.Safari etc.
cssplus

 

Milligram

Milligram provides a minimal setup of styles for a fast and clean starting point. Just it! Only 2kb gzipped!It’s not about a UI framework. Specially designed for better performance and higher productivity with fewer properties to reset resulting in cleaner code.

milligram

You Might Also Like

Leave a Reply