Life & fun · alternatives · 2026

24 alternatives to FLEXBOX FROGGY

Game to learn CSS Flexbox

Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. FLEXBOX FROGGY launched in 2019; newer entries below may have overtaken it.

1
Flexbox Froggy▲97
A game for learning CSS flexbox
2015 · flexboxfroggy.com · its alternatives →
2
Flexbox Froggy▲9
A cool game for learning CSS flexbox
2015 · flexboxfroggy.com · its alternatives →
3
Flexbox Bouncing Froggy▲6
Learn CSS Flexbox by Helping Frogs Reach Lily Pads
2025 · flexboxbouncingfroggy.vercel.app · its alternatives →
4
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 →
5SW
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 →
6
FlexboxPatterns▲374
Build awesome user interfaces with CSS flexbox
2016 · flexboxpatterns.com · its alternatives →
7
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 →
8
Flex▲325
Flexbox's are a pain to write, Flex makes it easy.
2019 · its alternatives →
9
Knights of the Flexbox Table▲128
A game to learn and remember Flexbox with Tailwind CSS
2021 · knightsoftheflexboxtable.com · its alternatives →
10
Webflow Flexbox UI Builder▲444
Build flexible, responsive layouts - without writing code
2016 · flexbox.webflow.com · its alternatives →
11
Webflow Flexbox Game – learn CSS flexbox visually▲7
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 →
12
Toybox▲216
Visually edit your site's CSS without inspecting code.
2018 · toyboxsystems.com · its alternatives →
13
What The FlexBox?!▲64
A 20 video course that will help you master CSS Flexbox
2015 · flexbox.io · its alternatives →
14
Flexbox Zombies▲7
Master CSS flexbox by shooting zombies with a crossbow
2017 · flexboxzombies.com · its alternatives →
15
playCSS▲171
Improve your CSS skills by playing daily challenges
2023 · its alternatives →
16
Complete Guide to CSS Flex and Grid▲113
Become a Pro at building components with CSS Flexbox & Grid
2022 · shrutibalasa.gumroad.com · its alternatives →
17
Flexbox-Guide▲10
Flexbox-Guide : A flexbox code generator
2021 · flexbox-guide.vercel.app · its alternatives →
18
Button Frog▲419
Fastest and easiest way to order custom buttons online
2015 · its alternatives →
19
Unraveling Flexbox▲59
Become a flexbox master
2015 · 321greetings.com · its alternatives →
20
Flex Layout Attribute▲109
Layout helper based on CSS flexbox specification.
2016 · progressivered.com · its alternatives →
21IF
Interactive Flexbox Tutorial▲13
2015 · flex-tutorial.herokuapp.com · its alternatives →
22
Learnable Flexbox▲2
Simple and intuitive playground to learn CSS Flexbox Layout.
2019 · poonia.github.io · its alternatives →
23
CSS Speedrun – A small game to test and improve your CSS knowledge▲213
A small fun app to test your CSS knowledge. Find the correct CSS selectors for the 10 puzzles as fast as possible.
2022 · css-speedrun.netlify.app · its alternatives →
242W
2d web paddle game▲309
Simple retro paddle arcade game written in Javascript, using good ol' Canvas.
2024 · raould.github.io · 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 →