Dev tools · alternatives · 2026

24 alternatives to Webflow Flexbox Game – learn CSS flexbox visually

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.

Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Webflow Flexbox Game – learn CSS flexbox visually launched in 2016; newer entries below may have overtaken it.

1. 1
   Webflow Flexbox UI Builder▲444

   Build flexible, responsive layouts - without writing code

   2016 · flexbox.webflow.com · its alternatives →

2. 2
   Flexbox.io – a free video series on learning CSS Flexbox▲236

   A simple 20 video course that will help you master CSS Flexbox

   2015 · flexbox.io · its alternatives →

3. 3
   Flexbox Defense – learn CSS flexbox by playing a tower defense game▲243

   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. 4SW
   Struggle with CSS Flexbox? This Playground Is for You▲315

   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 →

5. 5
   Flexbox Froggy▲97

   A game for learning CSS flexbox

   2015 · flexboxfroggy.com · its alternatives →

6. 6
   Flex▲325

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

   2019 · its alternatives →

7. 7
   What The FlexBox?!▲64

   A 20 video course that will help you master CSS Flexbox

   2015 · flexbox.io · its alternatives →

8. 8
   Complete Guide to CSS Flex and Grid▲113

   Become a Pro at building components with CSS Flexbox & Grid

   2022 · shrutibalasa.gumroad.com · its alternatives →

9. 9
   FlexboxPatterns▲374

   Build awesome user interfaces with CSS flexbox

   2016 · flexboxpatterns.com · its alternatives →

10. 10WD
    Webflow - Design responsive websites visually▲503

    2013 · playground.webflow.com · its alternatives →

11. 11
    Learnflow▲305

    Learn how to no-code, in Webflow

    2022 · supercreative.design · its alternatives →

12. 12IF
    Interactive Flexbox Tutorial▲13

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

13. 13
    Webflow CMS▲642

    Build professional dynamic websites without any code

    2015 · its alternatives →

14. 14
    Webflow 3D Transforms▲318

    Build 3D interactions visually, without writing any code

    2015 · 3d-transforms.webflow.com · its alternatives →

15. 15
    Webflow University 2.0▲599

    Learn web design, development & time travel - visually

    2020 · university.webflow.com · its alternatives →

16. 16
    CSS Grid Playground in Webflow▲65

    2018 · webflow.com · its alternatives →

17. 17
    Flexbox Froggy▲9

    A cool game for learning CSS flexbox

    2015 · flexboxfroggy.com · its alternatives →

18. 18
    Learnable Flexbox▲2

    Simple and intuitive playground to learn CSS Flexbox Layout.

    2019 · poonia.github.io · its alternatives →

19. 19
    Webflow University▲377

    Teaching the next generation of web design with Webflow

    2017 · university.webflow.com · its alternatives →

20. 20
    Webflow▲386

    All-in-one web design platform

    2013 · webflow.com · its alternatives →

21. 21
    Dropflow, a CSS layout engine for node or <canvas>▲404

    For the last 5 years I've been working on a layout engine that targets CSS2 and some more modern properties. Live demo: https:&#x2F;&#x2F;chearon.github.io&#x2F;dropflow&#x2F; 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 →

22. 22
    Grid Layout Builder by Webflow▲194

    A completely visual way to build CSS grid–powered layouts

    2018 · its alternatives →

23. 23
    New Responsive Editor by Bubble▲270

    Design beautiful web apps for any screen size.

    2022 · its alternatives →

24. 24
    Flexbox-Guide▲10

    Flexbox-Guide : A flexbox code generator

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

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 →