Flexbox Froggy cover
Flexbox Froggy screenshot 1

Educational

Flexbox Froggy

by Codepip

Learn CSS flexbox by writing code that guides frogs onto their lily pads

🖥️ DesktopKeyboardSingle player⏱ 5–30 minutesFree with ads

Opens flexboxfroggy.com in a new tab. GameHub does not host this game.

Flexbox Froggy is a puzzle game for learning CSS flexbox. Each level asks you to write a few lines of CSS that move Froggy and friends onto their matching lily pads, introducing properties such as justify-content and align-items one at a time. Its 24 levels take you from the basics to tricky combinations.

How to play

Flexbox Froggy runs in a desktop or laptop browser at flexboxfroggy.com, with nothing to install. It supports keyboard controls. It is a single-player game. A typical session lasts 5–30 minutes.

Genre
Educational
Devices
Desktop
Controls
Keyboard
Players
Single player
Session
5–30 minutes
Price
Free with ads
Status
Released

Is this listing broken or wrong?

Questions about Flexbox Froggy

Is Flexbox Froggy free?

Yes. Flexbox Froggy is free to play in your browser; it shows ads.

Can I play Flexbox Froggy on my phone?

Not really. Flexbox Froggy is made for a desktop or laptop browser and supports keyboard controls.

Do I need to download Flexbox Froggy?

No. Flexbox Froggy runs in your web browser at flexboxfroggy.com. There is nothing to install.

Is Flexbox Froggy multiplayer?

No. Flexbox Froggy is a single-player game.

How long does a game of Flexbox Froggy take?

A typical session lasts 5–30 minutes.

Who made Flexbox Froggy?

Flexbox Froggy was made by Codepip.

About GameHub

GameHub is a free directory of indie games you play in the browser, on the developer’s own site. We never host or re-upload games: every “Play” button sends you to the game’s official page. Links are checked daily, and developers can add their games for free.

About & editorial policy · Submit your game · All genres · RSS · games.json · AI guide