Awesome Lists

awesome-flexbox

by afonsopacifer

awesome listpushed about 3 years ago

eyeglasses 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
View on GitHub

Embed the badge

Show how many awesome lists link to your project. The count updates automatically.

Awesome Lists badge
Markdown
[![Awesome Lists Badge](https://awesome.facts.dev/shield/afonsopacifer/awesome-flexbox/links.svg)](https://awesome.facts.dev/awesome/afonsopacifer/awesome-flexbox)
HTML
<a href="https://awesome.facts.dev/awesome/afonsopacifer/awesome-flexbox"><img src="https://awesome.facts.dev/shield/afonsopacifer/awesome-flexbox/links.svg" alt="Awesome Lists Badge" /></a>
Image URL
https://awesome.facts.dev/shield/afonsopacifer/awesome-flexbox/links.svg

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

Sketching with CSS Flexbox Guide by @sfioritto

Tools

Libraries and Frameworks

  • 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

Who to Follow

More related projects

Add a GitHub project

Missing a project or an awesome list? Paste its GitHub URL and we fetch it right away.