Best CSS Games in 2025

A game for learning CSS flexbox.

Key Flexbox Froggy features:

Interactive Learning Visual Feedback Gamified Experience Progressive Difficulty

Open Source

Kimp is an unlimited design company, specializing in graphic design (including print and digital designs, custom illustrations, landing page designs and email designs) and video design. .

Key Kimp features:

Easy to Set-up and use Free Trial

Try for free Free Trial $599.0 / Monthly

A game for learning CSS grid layout.

Key CSS Grid Garden features:

Interactive Learning Practical Exercises Visual Feedback Step-by-Step Progression

Open Source

A 20 video course that will help you master CSS Flexbox.

Key What The FlexBox?! features:

Comprehensive Coverage Practical Examples Step-by-Step Learning Engaging Format

CSS-Tricks is a website about websites.

Key CSS-Tricks features:

Comprehensive Content Expert Authors Community Engagement Regular Updates

Your job is to stop the incoming enemies from getting past your defenses. Unlike other tower defense games, you must position your towers using CSS!

Key Flexbox Defense features:

Interactive Learning Visual Feedback Progressive Difficulty Motivating and Fun

A utility-first CSS framework for rapidly building custom user interfaces.

Key Tailwind CSS features:

Utility-First Approach Customization Consistent Design Responsive Design

Open Source

A front end web development playground.

Key CodePen features:

Real-time Collaboration Immediate Visual Feedback Integrated Development Environment (IDE) Community-Driven

Improve your CSS skills with fun.

Key playCSS features:

Interactive Learning Immediate Feedback Variety of Examples User-Friendly Interface

Simple tool to generate css grids.

Key CSS Grid Generator features:

User-Friendly Interface Time-Saving Real-Time Preview Responsive Grid Options

Simple and flexible HTML, CSS, and JS for popular UI components and interactions.

Key Bootstrap features:

Responsive Design Pre-designed Components Cross-browser Compatibility Extensive Documentation

Open Source

Sleek and comprehensive online reference for CSS.

Key CSS Reference features:

Comprehensive Coverage Interactive Examples Visual Focus User-Friendly Interface

Open Source

Supercharge your front-end skills by building in a real-life workflow. Solve real-world HTML, CSS and JavaScript challenges whilst working to professional quality designs.

Key Frontend Mentor features:

Real-World Projects Design Resources Community Support Skill Levels

Hacker News is a social news website focusing on computer science and entrepreneurship. It is run by Paul Graham's investment fund and startup incubator, Y Combinator.

Key Hacker News features:

Quality Content Community Upvote System Minimalist Design

Open Source