A curated list of CSS Flexible Box Layout Module or only Flexbox.
Inspired by awesome-webcomponents136 18 and awesome-svg3k 375 .
The specification describes a CSS box model optimized for user interface design.
Guides for developers or designer start their studies this wonderful technology.
Tips and tricks for your projects work anywhere :D
Preprocessors in action
Other Interesting Articles
A list of issues related to flexbox.
Tired of reading? See an interactive presentation and learn flexbox now.
Slides and Notes
Have a little help to create their projects :D
Libraries and Frameworks
A list of incredible libraries based on flexbox.
Awesome projects about flexbox.
- Cool examples of flexbox layout - A codepen a collection.
- flex-box2 2 - A Custom Element to make the basics of flexbox easier to use.
- Flexbugs7k 242 - 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 layout11k 1k - FlexboxLayout is a library project which brings the similar capabilities of CSS Flexible Box Layout Module to Android.
- FlexLayout for iOS84 6 - FlexLayout brings flexbox to iOS using Swift. Concise, intuitive & chainable syntax.
- grid-styled759 42 - Flexbox based responsive ReactJS grid system built with styled-components
- iron-flex-layout - Style mixins for cross-platform flex-box layouts
- Post Apocalypse Flexbox25 1
- React-flexbox164 16 - Implementation of css flexbox in react with inline styles.
- Reflexbox1k 47 - Responsive React flexbox grid system higher order component.
- Solved by flexbox10k 906 - 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.
Who to Follow
People who talk about it.
Want to contribute? Follow these recommendations.
MIT License © Afonso Pacifer