thomaspark/flexboxfroggy resource

Health v2 · maintenance only

Flags: no_releases

Adoption not part of the score

7378 stars · 726 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

Flexbox Froggy is a browser-based game that teaches CSS flexbox by having players position frogs on lily pads using flexbox properties across 24 levels. It supports dozens of languages and multiple difficulty modes, including direction-free and randomized expert levels.

Use cases

• learn css flexbox through a game
• practice flexbox properties interactively
• teach css layout to students
• improve frontend layout skills
• interactive tutorial for flexbox alignment
• learn justify-content and align-items
• beginner-friendly css learning game

When to choose

• you are a beginner learning CSS flexbox for the first time
• you want a fun, interactive way to practice flexbox alignment and ordering
• you are an educator looking for a classroom-friendly CSS exercise
• you need a multilingual learning tool for CSS layout

When to avoid

• you need a comprehensive CSS reference or documentation
• you want to learn advanced or production flexbox patterns beyond the basics
• you are looking for a general CSS course covering grid, positioning, and responsive design
• you need offline or native desktop training software

Facets

learning-resource · maturity stable

game education web-development web-design browser css flexbox interactive-learning coding-game frontend educational-game localized web

Member repositories

For agents

markdown · JSON · MCP: product_card(name="thomaspark/flexboxfroggy")