Flexbox Froggy
Learn CSS Flexbox by helping frogs cross lily pads. 24 progressive levels, instant visual feedback. The most effective way to finally understand flexbox — offline, no account needed.

Flexbox Froggy, as it opens in a browser tab.
Not sure how to add Flexbox Froggy to your home screen? Step-by-step for Chrome, Safari, Firefox and Edge — it takes about ten seconds, and there is no app store involved.
Own Flexbox Froggy? Have us re-run this measurement — we open it in a real browser, cut the network, and send you what survived.
How to install Flexbox Froggy as a PWA
Screenshots
Are you the maker of Flexbox Froggy? Claim this listing →
Similar to Flexbox Froggy
Visual CSS gradient generator with code output. Radial, linear, conic gradients with real-time preview. Copy the CSS and use it directly — no sign-up, no fuss.
Visual typographic scale calculator. Set a base font size and modular scale ratio, preview the resulting type hierarchy as CSS code. Essential for establishing consistent UI typography.
Lightning-fast color scheme generator. Press spacebar to generate palettes. Lock colors you like, adjust hues, export to CSS/SVG/PDF. Millions of designers use it daily. Palettes carry contrast ratios, which makes it usable for accessibility checks and not only for inspiration.
Social development environment for front-end code. Build and share HTML/CSS/JS demos, explore thousands of community creations. The go-to for frontend prototyping and experimentation. Pens run entirely client-side, which makes it a fast way to reproduce a bug before filing it.
Paste any shell command and get a visual breakdown of every flag and argument. Each part links to the relevant man page section. Essential for learning and verifying complex commands.
Typometer helps designers and developers compose typographic scales using CSS tokens. It provides a structured approach to defining font sizes and line heights for consistent web typography, offering tools to establish a visual hierarchy across projects.
Own a PWA? See the listing options — standard submission is free.