Flexbox Froggy

An interactive coding game that teaches CSS Flexible Box Layout (Flexbox) through 24 progressively challenging levels. Players guide frogs to their lily pads by writing CSS flexbox properties, learning concepts like justify-content, align-items, flex-direction, flex-wrap, and the shorthand flex property. Created by Thomas Park (Codepip) with contributions from the open-source community. Difficulty settings include Beginner (with on-screen directions), Intermediate (no hints), and Expert (randomized lily pad positions). Colorblind mode is available for accessibility. The game has been played by millions of developers since its launch and is widely used in coding bootcamps and online web development courses as a practical introduction to modern CSS layout. Available in 50+ languages including English, Spanish, French, German, Japanese, Korean, Chinese, Hindi, Arabic, and Brazilian Portuguese. No registration required, runs directly in the browser. The GitHub repository shows active community contributions and translations.