# thomaspark/flexboxfroggy

A game for learning CSS flexbox 🐸

Repository: https://github.com/thomaspark/flexboxfroggy
Canonical: https://ross.abutalabs.com/products/flexboxfroggy
Homepage: https://flexboxfroggy.com
Language: JavaScript
License: MIT
License Family: permissive
Topics: css, flexbox, flexbox-froggy, game
Last push: 2026-01-04T19:19:53+00:00

## Health v2 (maintenance only)
Score: 59/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 60, release rhythm 35, longevity 100
- inputs: {"age_days": 3935, "days_push": 241, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 7378, forks 726 (observed 2026-08-28T04:09:58.589149+00:00)

## What it is
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
- artifact type: learning-resource
- maturity: stable
- function: game
- domain: education, web-development, web-design
- platform: browser
- tags: css, flexbox, interactive-learning, coding-game, frontend, educational-game, localized, web

## Member repositories
- thomaspark/flexboxfroggy (main) score 59

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:09:58.589149+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T17:38:22.701962+00:00, confidence not recorded.
  - readme: https://github.com/thomaspark/flexboxfroggy (fetched 2026-08-28T04:09:58.589149+00:00, sha f95343faa284)
  - homepage: https://flexboxfroggy.com (fetched 2026-08-29T08:33:54.434789+00:00, sha bc211586adbe)
- Data as of 2026-08-30T08:39:29.467469+00:00.