Life & fun · alternatives · 2026
24 alternatives to Flexbox.io – a free video series on learning CSS Flexbox
A simple 20 video course that will help you master CSS Flexbox
Flexbox.io is a free 20-video course teaching CSS Flexbox fundamentals and practical applications. The first 13 videos cover core concepts including rows, columns, axes, wrapping, alignment, and centering. The final 7… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Flexbox.io – a free video series on learning CSS Flexbox launched in 2015; newer entries below may have overtaken it.
- 1

A 20 video course that will help you master CSS Flexbox
2015 · flexbox.io · its alternatives →
- 2
FlexboxPatterns▲374Build awesome user interfaces with CSS flexbox
2016 · flexboxpatterns.com · its alternatives →
- 3

Your job is to stop the incoming enemies from getting past your defenses. Unlike other tower defense games, you must position your towers using CSS!
2016 · flexboxdefense.com · its alternatives →
- 4

- 5

Build flexible, responsive layouts - without writing code
2016 · flexbox.webflow.com · its alternatives →
- 6SW
Experiment with different flex properties to understand how they affect layout. Adjust the controls below to see changes in real-time and copy the generated CSS code.
2025 · yoavsbg.github.io · its alternatives →
- 7IF
2015 · flex-tutorial.herokuapp.com · its alternatives →
- 8

Become a Pro at building components with CSS Flexbox & Grid
2022 · shrutibalasa.gumroad.com · its alternatives →
- 9

- 10

Learn CSS flexbox in 28 fun, challenging levels—without writing code. Brought to you by Webflow, the responsive web design tool you've been looking for.
2016 · flexboxgame.com · its alternatives →
- 11

Flexbox-Guide : A flexbox code generator
2021 · flexbox-guide.vercel.app · its alternatives →
- 12

- 13

Simple and intuitive playground to learn CSS Flexbox Layout.
2019 · poonia.github.io · its alternatives →
- 14

Learn HTML, JS, CSS & Node.js w/ free videos & live code
2018 · blog.glitch.com · its alternatives →
- 15

I've used blender for more than a decade and now ask myself what the best way to teach it would look like. Video generally seems the best format to explain how to solve a specific problem, but its not exactly great for larger collections of small bits of information – like blender shortcuts. This is why I made this video/text hybrid website from scratch. If you're a blender user or have experience in teaching others, I'd be very happy to hear your thoughts on it. I'm also posting this here because I assume many of your are professional web developers. I'm a learning hobbyist and…
2024 · hollisbrown.github.io · its alternatives →
- 16

Learn more on CSS Flexbox with practical use cases.
2019 · flexbox.ninja · its alternatives →
- 17

For the last 5 years I've been working on a layout engine that targets CSS2 and some more modern properties. Live demo: https://chearon.github.io/dropflow/ It matches browsers in all cases I can find where they agree, and it's fast. It supports `position`, `inline-block`, `z-index`, and complex properties like `float` and `vertical-align`. It doesn't support high-level layout like flexbox or grid yet, but you can get intrinsics to easily divide space yourself and paint multiple layout trees. It has a great text layout implementation, and supporting non-Latin scripts is a…
2024 · github.com · its alternatives →
- 18

- 19SI
Dash is a fun and free online course from General Assembly that teaches you how to program with the basics of web development through projects you can do right in your browser. Get started today!
2012 · scratchpad.io · its alternatives →
- 20

Layout helper based on CSS flexbox specification.
2016 · progressivered.com · its alternatives →
- 21

- 22

700+ free Figma sections built for Tailwind CSS
2022 · figma.com · its alternatives →
- 23

- 24

Hey HN! I’m excited to share the revamped version of Interactive Tailwind, a hands-on platform designed to help developers learn Tailwind CSS through practical exercises. Our initial launch on Product Hunt was well-received, and after gathering feedback and seeing how much users enjoyed it, we decided to take things further. Here’s what’s new in this version: - Revamped learning structure: We’ve revisited the order of levels to make the learning journey smoother and more intuitive. - Background music: For a more enjoyable coding atmosphere. - Fresh design: Cleaner UI to make the experience…
2024 · interactive-tailwind.com · its alternatives →
Also compare
Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →