nowfound

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. 1

    A 20 video course that will help you master CSS Flexbox

    2015 · flexbox.io · its alternatives →

  2. 2

    Build awesome user interfaces with CSS flexbox

    2016 · flexboxpatterns.com · its alternatives →

  3. 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. 4
    Flex▲325

    Flexbox's are a pain to write, Flex makes it easy.

    2019 · its alternatives →

  5. 5

    Build flexible, responsive layouts - without writing code

    2016 · flexbox.webflow.com · its alternatives →

  6. 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 →

  7. 7IF

    2015 · flex-tutorial.herokuapp.com · its alternatives →

  8. 8

    Become a Pro at building components with CSS Flexbox & Grid

    2022 · shrutibalasa.gumroad.com · its alternatives →

  9. 9

    A game for learning CSS flexbox

    2015 · flexboxfroggy.com · its alternatives →

  10. 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. 11

    Flexbox-Guide : A flexbox code generator

    2021 · flexbox-guide.vercel.app · its alternatives →

  12. 12

    Relearn CSS, by example

    2019 · every-layout.dev · its alternatives →

  13. 13

    Simple and intuitive playground to learn CSS Flexbox Layout.

    2019 · poonia.github.io · its alternatives →

  14. 14

    Learn HTML, JS, CSS & Node.js w/ free videos & live code

    2018 · blog.glitch.com · its alternatives →

  15. 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. 16

    Learn more on CSS Flexbox with practical use cases.

    2019 · flexbox.ninja · its alternatives →

  17. 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. 18

    Become a flexbox master

    2015 · 321greetings.com · its alternatives →

  19. 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. 20

    Layout helper based on CSS flexbox specification.

    2016 · progressivered.com · its alternatives →

  21. 21

    Grid based on CSS3 flexbox

    2016 · flexboxgrid.com · its alternatives →

  22. 22

    700+ free Figma sections built for Tailwind CSS

    2022 · figma.com · its alternatives →

  23. 23

    A cool game for learning CSS flexbox

    2015 · flexboxfroggy.com · its alternatives →

  24. 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 →