Dev Resources
Flexbox Froggy favicon

Flexbox Froggy

Learn/Programming

A game for learning CSS flexbox.

Flexbox Froggy's website screenshot

About Flexbox Froggy

Flexbox Froggy is a browser-based game for learning CSS flexbox by writing flexbox code to move frogs onto their lily pads across a series of levels. It is created by Codepip.

The game supports multiple difficulty settings (Beginner, Intermediate with no directions, and Expert with no directions and random levels), a colorblind mode, and interface localization into numerous languages. It is aimed at people learning CSS flexbox layout, and links to related games, Grid Garden and Anchoreum, for learning other CSS concepts.

Key features

  • Interactive game for learning CSS flexbox through solving levels
  • Multiple difficulty modes: beginner, intermediate without directions, expert with random levels
  • Colorblind mode toggle
  • Available in dozens of languages

Frequently asked questions

What is Flexbox Froggy?

It's a game created by Codepip for learning CSS flexbox by solving puzzle levels.

What languages is it available in?

The site is available in dozens of languages including Spanish, French, German, Chinese, and Japanese.

Are there different difficulty levels?

Yes, it offers Beginner, Intermediate (no directions), and Expert (no directions & random levels) modes.

Is there anything to help colorblind users?

Yes, the game includes a Colorblind Mode that can be toggled on or off.

Advertise here

Featured products

  • SerpApi - Search API favicon
  • CoreClaw favicon

Show your product to thousands of developers

· 100k monthly pageviews
· 7k newsletter subscribers

Advertise your product

You might also like