awesome-flexbox
A curated list of CSS Flexible Box Layout Module or only Flexbox.
AI summary
Flexbox resource hub
A curated collection of resources and tools for learning and mastering CSS Flexible Box Layout Module
- stars
- 1.2K
- forks
- 122
- watching
- 63
- awesome lists
- 3
- entries
- 127
What's in the list
127 links in 13 sections, with live GitHub stats.activeno commit in 2y
W3C Specification
Newsletter
Books
Guides
Cross Browser
Other Interesting Articles
Links
- What the flexbox?
A simple 20 video course that will help you master
Sketching with CSS Flexbox Guide by @sfioritto
Tools
Libraries and Frameworks
Fuux
Fuux is a Flexbox library that uses the same flexbox interface like classes
Ginger Grid
A Flexbox grid framework named after a cute dog
- Bulma
A modern CSS framework based on Flexbox
- Milligram
A minimalist CSS framework
- RolleiFLEX
Just a responsive flexbox grid
- Waffle Grid
An easy to use flexbox grid system
Featured Projects
- Cool examples of flexbox layout
A codepen a collection
flex-box
A Custom Element to make the basics of flexbox easier to use
Flexbugs
A community-curated list of flexbox issues and cross-browser workarounds for them
- Flexbox Froggy
A game for learning CSS flexbox
- Flexbox Patterns
Examples and source code that will teach you how to build UI components with CSS flexbox! What’s flexbox?
- Flexbox Defense
Tower Defense with a twist: all towers must be positioned with CSS Flexbox
- Flexbox tester
Understand how to calculate the width of flex items
Flexbox layout
FlexboxLayout is a library project which brings the similar capabilities of CSS Flexible Box Layout Module to Android
FlexLayout for iOS
FlexLayout brings flexbox to iOS using Swift. Concise, intuitive & chainable syntax
grid-styled
Flexbox based responsive ReactJS grid system built with styled-components
- iron-flex-layout
Style mixins for cross-platform flex-box layouts
React-flexbox
Implementation of css flexbox in react with inline styles
Reflexbox
Responsive React flexbox grid system higher order component
Solved by flexbox
A showcase of problems once hard or impossible to solve with CSS alone, now made trivially easy with Flexbox
- Visualizing Flexbox
A neat little CodePen Demo to play around with Flex properties
- ZEEF CSS Flexbox
The awesome flexbox on zeef
- Flexbox Zombies
A game for learning CSS flexbox
Courses
- CSS Flexbox Layout
treehouse
- Learn Flexbox for free
scrimba
Who to Follow
- @afonsopacifer
Afonso Pacifer
- @brad_frost
Brad Frost
- @chriscoyier
Chris Coyier
- @LeaVerou
Lea Verou
- @zomigi
Mickley Gillenwater
- @necolas
Nicolas
- @philwalton
Philip Walton
- @rachelandrew
Rachel Andrew
- @doctyper
Richard Herrera
- @SaraSoueidan
Sara Soueidan
- @sfioritto
Sean Fioritto
Nothing in this list matches your filter.
Featured in 3 awesome lists
Each link jumps to the spot where the list mentions awesome-flexbox.