Just as popular JavaScript libraries spawn many superfluous forks and microframeworks, the landing of Flexbox has resulted in dozens of these CSS 'frameworks' and grid systems:<p>1. <a href="http://basegui.de" rel="nofollow">http://basegui.de</a><p>2. <a href="https://github.com/ButaneCSS/butanecss" rel="nofollow">https://github.com/ButaneCSS/butanecss</a><p>3. <a href="http://juicedcss.com" rel="nofollow">http://juicedcss.com</a><p>4. <a href="http://bowlingx.github.io/flexcss" rel="nofollow">http://bowlingx.github.io/flexcss</a><p>5. <a href="http://codepen.io/geoffyuen/pen/ogrPbZ" rel="nofollow">http://codepen.io/geoffyuen/pen/ogrPbZ</a><p>6. <a href="https://github.com/meerita/flexsasscandy" rel="nofollow">https://github.com/meerita/flexsasscandy</a><p>7. <a href="http://getmdl.io/components/index.html#layout-section/grid" rel="nofollow">http://getmdl.io/components/index.html#layout-section/grid</a><p>8. <a href="https://kevinpy.com/Projects/Flexo" rel="nofollow">https://kevinpy.com/Projects/Flexo</a><p>9. <a href="http://philippkuehn.github.io/gridilydidily" rel="nofollow">http://philippkuehn.github.io/gridilydidily</a><p>10. <a href="http://stylusgrid.com" rel="nofollow">http://stylusgrid.com</a><p>11. <a href="https://github.com/IonicaBizau/gridly" rel="nofollow">https://github.com/IonicaBizau/gridly</a><p>12. <a href="https://github.com/colourgarden/avalanche" rel="nofollow">https://github.com/colourgarden/avalanche</a><p>13. <a href="https://milligram.github.io/" rel="nofollow">https://milligram.github.io/</a><p>14. <a href="https://github.com/ButaneCSS/butanecss" rel="nofollow">https://github.com/ButaneCSS/butanecss</a><p>15. <a href="http://bulma.io/documentation/grid/" rel="nofollow">http://bulma.io/documentation/grid/</a><p>16. <a href="http://gridlex.devlint.fr/" rel="nofollow">http://gridlex.devlint.fr/</a><p>17. <a href="http://crabcss.com" rel="nofollow">http://crabcss.com</a><p>and that's but a fraction of the full list.<p>I haven't bothered to sit down and actually assess whether these flexbox grids actually differ from each other (my gut says that it's not possible for them to differ too much). My gut also tells me that there has to be an apex, an optimal Flex-based grid from which there can be no improvement.<p>I think a big part of the problem of why websites all look a bit similar is because they're all developed using Bootstrap, Bourbon or Foundation, and apparently on the rare occasion where a front-end framework is not used, an offshoot or "heavily-inspired by" alternative is used instead.<p>Nobody is thinking about what /could/ be, but rather what can be done in the least time to produce the best approximation of a contemporary website. Nobody wants to push the boundaries. Maybe we've reached an optimal paradigm for the design and layout of websites. I don't think so.<p>I always implement my own CSS, mainly because I really don't like carrying frameworks around. If I need all of a framework's features, I'll consider using it. Since I never need all of a framework's freatures, that never happens. If I ever do need a full front-end framework's worth of features, here's a framework that seems flexible, modular and solid to me:
<a href="http://www.basscss.com/" rel="nofollow">http://www.basscss.com/</a><p>and if you want a great grid, look at this:
<a href="http://peterramsing.github.io/lost/" rel="nofollow">http://peterramsing.github.io/lost/</a><p>and if you want to wait for a more powerful future grid tool, investigate the CSS Grid Spec:<p><a href="http://gridbyexample.com/" rel="nofollow">http://gridbyexample.com/</a><p><a href="http://gridbyexample.com/examples/page-layout/" rel="nofollow">http://gridbyexample.com/examples/page-layout/</a><p><a href="http://abookapart.com/products/get-ready-for-css-grid-layout" rel="nofollow">http://abookapart.com/products/get-ready-for-css-grid-layout</a><p><a href="https://24ways.org/2015/grid-flexbox-box-alignment-our-new-system-for-layout/" rel="nofollow">https://24ways.org/2015/grid-flexbox-box-alignment-our-new-s...</a>
<a href="https://rachelandrew.co.uk/archives/2015/11/03/three-years-with-css-grid-layout/" rel="nofollow">https://rachelandrew.co.uk/archives/2015/11/03/three-years-w...</a>
<a href="https://rachelandrew.co.uk/archives/2015/04/14/grid-layout-automatic-placement-and-packing-modes/" rel="nofollow">https://rachelandrew.co.uk/archives/2015/04/14/grid-layout-a...</a>