Games

21 snippets

Browse Games examples — animations, layouts, typography, and visual effects. Filter the directory below.

css-games

Snippets(21)

A Pure CSS Game - You Must Build a Lighthouse
A a pure css game - you must build a lighthouse built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
A Pure CSS Table Tennis Game
A a pure css table tennis game built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
CSS Only Retro Dungeon Maze Puzzle
A css only retro dungeon maze puzzle built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
CSS Rock-Paper-Scissors
A css rock-paper-scissors built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
CSS Tic-Tac-Toe
A css tic-tac-toe built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Can Connect 4?
A can connect 4? built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Interactive Drag-and-Drop Jigsaw Puzzle
A interactive drag-and-drop jigsaw puzzle built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Technologies
Pug, SCSS
Difficulty
Advanced
Browser support
Chrome 84+, Edge 84+, Firefox 90+, Safari 15.4+
Features
Zero JS, Geometric Masking, State Retention
NES Duck Hunt game in CSS
A nes duck hunt game in css built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Plankman
A plankman built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Play CSS Space Invaders
A play css space invaders built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Pure CSS Game: Stacker
A pure css game: stacker built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Pure CSS Ghost game with CSS Variables
A pure css ghost game with css variables built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Pure CSS Mine Sweeper
A pure css mine sweeper built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Pure CSS Tic-Tac-Toe
A pure css tic-tac-toe built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Pure CSS Whac-A-Mole
A pure css whac-a-mole built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Pure CSS/SVG Tic Tac Toe
A pure css/svg tic tac toe built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
The Caretaker - A Pure CSS Horror/Puzzle Game
A the caretaker - a pure css horror/puzzle game built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
The Mine: No JS, CSS Only Adventure Game
A the mine: no js, css only adventure game built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
Pure CSS Carnival Game
A pure css carnival game built with modern frontend techniques for responsive and reusable UI.
Frontend Ui Modern Design Web Components
Demo Code
The Backrooms: CSS Edition
A the backrooms: css edition built with modern frontend techniques for responsive and reusable UI.
Html Frontend Ui Modern Design Text Styling+1 more
Demo Code
Technologies
CSS 3D Transforms, HTML
Difficulty
advanced
Features
First-person perspective, 3D environment, Horror atmosphere
Responsive
Yes
Can :has() Connect 4?
A can :has() connect 4? built with modern frontend techniques for responsive and reusable UI.
Semantic Html Html Frontend Ui Modern Design+1 more
Demo Code
Technologies
CSS :has(), Checkbox Hack
Difficulty
Advanced
Features
CSS-only game logic, Win condition detection, No-JS implementation

Snippets(21)

related hubs