16 CSS Game Examples
CSS is more powerful than most people think. These 16 games prove it, from a pure CSS minesweeper to Connect 4 in 3D and a table tennis game, all built without a single line of JavaScript.
The Complete Web Developer in 2026
40 hours of video
401+ lessons
10 projects
🎉 Code FRIENDS10 for 10% off
CSS puzzle game
A photo puzzle game built entirely with CSS. Drag and rearrange pieces to complete the image.
Made with:
HTML
CSS
Dependencies:
Pug
SCSS
View Code and Demo
Pure CSS Tic Tac Toe
A glowing neon tic-tac-toe built with CSS and SVG. No JavaScript involved.
Made with:
HTML
CSS
Dependencies:
Pug
Stylus
View Code and Demo
CSS Connect 4
The classic Connect 4 game recreated in a full 3D style using only HTML and CSS.
Made with:
HTML
CSS
Dependencies:
None
View Code and Demo
Pure CSS table tennis game
A working ping-pong game built with pure CSS. One of the most impressive examples of what CSS can do alone.
Made with:
HTML
CSS
Dependencies:
SCSS
View Code and Demo
Catch that light!
Click when the moving light hits the right spot. A pure CSS reaction game.
Made with:
HTML
CSS
Dependencies:
SCSS
View Code and Demo
Pure CSS mine sweeper
A fully functional minesweeper game implemented with CSS only.
Made with:
HTML
CSS
Dependencies:
SCSS
View Code and Demo
Demon Killer II
Click to eliminate demons before they reach you. Built with just HTML and CSS.
Made with:
HTML
CSS
Dependencies:
None
View Code and Demo
Cake game
Navigate your cursor to dodge objects falling on screen. Pure CSS, no JavaScript.
Made with:
HTML
CSS
Dependencies:
Pug
Stylus
View Code and Demo
Stacker
Stack blocks on top of each other to reach the top. A timing game built with CSS.
Made with:
HTML
CSS
Dependencies:
Slim
SCSS
View Code and Demo
Retro dungeon maze puzzle
Navigate a retro maze to reach the exit. Uses CSS with minimal JavaScript.
Made with:
HTML
CSS
JavaScript
Dependencies:
SCSS
TypeScript
Pug
View Code and Demo
CSS space invaders
The classic Space Invaders game recreated entirely with HTML and CSS.
Made with:
HTML
CSS
Dependencies:
None
View Code and Demo
Whac-a-mole
Click on the moles as they pop up before they disappear. Pure CSS implementation.
Made with:
HTML
CSS
Dependencies:
None
View Code and Demo
Build a lighthouse
Click the correct blocks in sequence to construct a lighthouse. Pure CSS.
Made with:
HTML
CSS
Dependencies:
SCSS
View Code and Demo
The mine
An adventure game where you navigate through a mine to reach the end. CSS only.
Made with:
HTML
CSS
Dependencies:
SCSS
View Code and Demo
Target practice
Hit as many targets as possible in 8 seconds. A fast-paced pure CSS game.
Made with:
HTML
CSS
Dependencies:
SCSS
View Code and Demo
The Caretaker
A horror maze game where you must find your way out. Built entirely with CSS.
Made with:
HTML
CSS
Dependencies:
Haml
SCSS
View Code and Demo
Want to build your own JavaScript game? Check out our JavaScript game ideas with source code.
Looking for more CSS inspiration? Browse our full collection of CSS examples.