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 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.


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.


Details & Download



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.


Details & Download



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



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.


You Might Also Like

Leave a Reply