16 Impressive CSS Games That Will Spark Your Imagination
Explore a collection of 16 diverse CSS games highlighting the creative possibilities of HTML and CSS in gaming. From puzzles to classics, discover these innovative creations, showcasing the versatility of CSS without the need for JavaScript.
🚀 The Complete Web Developer in 2024
📺 40 hours of video
📚 401+ lessons
💻 10 projects
🎉 Code FRIENDS10 for 10% off
CSS puzzle game
A code fragment for a photo-based puzzle game made using only CSS.
Made with:
HTML
CSS
Dependencies:
Pug
SCSS
View Code and Demo
Pure CSS Tic Tac Toe
A glowing tic-tac-toe designed using CSS and SVG, displaying different dashboard elements smoothly, all without the use of JavaScript.
Made with:
HTML
CSS
Dependencies:
Pug
Stylus
View Code and Demo
CSS Connect 4
Experience the classic Connect 4 game in a stunning 3D style, crafted solely with HTML and CSS.
Made with:
HTML
CSS
Dependencies:
None
View Code and Demo
Pure CSS table tennis game
Check out this piece of code. It's incredible how it creates a ping-pong game using only HTML and CSS, showcasing the amazing potential of CSS.
Made with:
HTML
CSS
Dependencies:
SCSS
View Code and Demo
Catch that light!
A CodePen showcasing a creative game crafted solely with CSS. The objective is to click when a moving light aligns in the correct position.
Made with:
HTML
CSS
Dependencies:
SCSS
View Code and Demo
Pure CSS mine sweeper
A CSS-based code snippet showcasing a minesweeper game implementation.
Made with:
HTML
CSS
Dependencies:
SCSS
View Code and Demo
Demon Killer II
A code fragment in which you eliminate demons by clicking on them. This game is created solely using HTML and CSS.
Made with:
HTML
CSS
Dependencies:
None
View Code and Demo
Cake game
A creative CodePen showcasing a game where you navigate your cursor to avoid various objects.
Made with:
HTML
CSS
Dependencies:
Pug
Stylus
View Code and Demo
Stacker
A piece of code implementing a game where the objective is to stack blocks on top of each other to reach the pinnacle and secure a win.
Made with:
HTML
CSS
Dependencies:
Slim
SCSS
View Code and Demo
Retro dungeon maze puzzle
A code snippet of a retro game where the objective is to navigate the maze and reach the end.
Made with:
HTML
CSS
JavaScript
Dependencies:
SCSS
TypeScript
Pug
View Code and Demo
CSS space invaders
A code fragment of a retro space invaders game created solely with HTML and CSS.
Made with:
HTML
CSS
Dependencies:
None
View Code and Demo
Whac-a-mole
A CodePen showcasing a classic game where you have to click on the moles as they appear.
Made with:
HTML
CSS
Dependencies:
None
View Code and Demo
Build a lighthouse
A piece of code that creates a game where you have to build a lighthouse by clicking on the correct blocks.
Made with:
HTML
CSS
Dependencies:
SCSS
View Code and Demo
The mine
A code snippet showcasing an exciting adventure game in which players navigate through a mine to reach the final destination.
Made with:
HTML
CSS
Dependencies:
SCSS
View Code and Demo
Target practice
A code fragment for a game in which the objective is to hit as many targets as possible within an 8-second timeframe.
Made with:
HTML
CSS
Dependencies:
SCSS
View Code and Demo
The Caretaker
A piece of code that generates a horror game, challenging players to navigate through a maze in order to reach the game's end.
Made with:
HTML
CSS
Dependencies:
Haml
SCSS
View Code and Demo