The Vibeary — tag
game
10 resources in The Vibeary tagged "game" — tools, libraries and references pulled from across the library's shelves, each one checked by hand before it was added.
Gems in this collection
Flexbox Froggy
Browser game with 24 levels where you write flexbox properties to move frogs onto matching lily pads.
CSS Scoops
Ice-cream themed browser game for practising CSS selectors and specificity across progressively harder levels.
Grid Garden
Puzzle game teaching CSS Grid by having you water carrots and poison weeds using grid placement properties.
CSS Battle
Competitive CSS code-golf platform where you recreate a target image in the fewest bytes of CSS possible.
CSS Diner
Thirty-two level game that teaches CSS selectors by asking you to select plates, bento boxes and apples.
Dark Patterns Detective
Interactive game that presents real interface screens and asks players to identify the manipulative design tactic being used.
Anchoreum
Game teaching CSS anchor positioning by placing museum artifacts, covering anchor-name, position-area and fallback positioning.
Disarray
Codepip game about CSS transforms, teaching translate, rotate, scale and skew by rearranging scattered objects.
Flexbox Zombies
Story-driven course where you fire crossbow bolts at zombies by writing flexbox properties across 12 chapters.
Game-icons.net
Over 4,000 free CC-BY game and fantasy icons - weapons, creatures, symbols - downloadable as SVG or PNG.