CSS demos you can play with right now

Hundreds of CSS demos, each running live on its creator's own site: some of them vibe-coded with AI, all of them playable in your browser with nothing to install. Press a card to play one on its own page, or start the cruise to ride through them one after another.

Made one of these? See how many people played yours → or use email

• Wallpaper Groups Generative Art A seed-based generative art catalogue for Wallpaper Groups, a computational crystallographic-symmetry system. Built as a single-file HTML…
• Gothic Grid Generative Art A seed-based generative art catalogue for Gothic Grid, a computational mosaic system. Built as a single-file HTML page with p5.js, styled…
• Order to Chaos Generative Art A seed-based generative art catalogue for Order to Chaos, a computational gradient-grid system. Built as a single-file HTML page with…
• Pool Wind Sun Generative Art A seed-based generative system for wave-simulation compositions. A reproducible catalogue of computational interference studies. Pool Wind…
• split flap board An authentic mechanical split-flap display board (inspired by Solari di Udine airport and train station departure boards), crafted in a…
• neumorphic buble A modern, interactive liquid neumorphic bubble animation built with HTML5 Canvas and Vanilla JavaScript. It features fluid physics…
• inspire x ismokeshop NUGZ game NUGZ is a cannabis-themed browser puzzle game built for iSmokeShop and the INSPIRE Network using HTML, CSS, and JavaScript.
• VIRAT AI WOULD U RATHER A fast, funny "Would You Rather" game with a VS-battle style — pick a vibe, choose A or B, and see how the crowd split. Then reveal your…Vibe-coded
• Manouchi Nassir Snake Iot Bienvenue dans le projet Snake IoT Edition, une revisite moderne et interactive du célèbre jeu d'arcade. Ce projet fusionne le…
• LUMA HTML, CSS ve JavaScript ile geliştirilmiş, fizik tabanlı mobil platform ve beceri oyunu prototipi. Oyuncu, ışık benzeri bir karakteri…
• AsciiVision AsciiVision is a creative coding project that merges human-computer interaction with artistic expression. By transforming your webcam feed…
• stree kal aana A scroll-driven town-alert portal for the fictional town of Chanderi, built for the Stree's Curse challenge with The Evidence Wall hex…
• alphablaster Simple typing tutor game for kids to learn touch typing. Customize the letters you want to train by modifying ALPHABET in controls.js. Game…
• tictactoe Engage in a classic game of Tic Tac Toe with an intelligent AI, offering a challenging and strategic gameplay experience with configurable…
• tic tac toe js What if you don't have a pen and a piece of paper? Not a problem! Play the classic game of Tic Tac Toe right on your device! Progressive…
• TIC TAK TOEgame Fun Tic-Tac-Toe game with confetti fireworks and restart button.”
• weather app [!NOTE] It was good practice for repeat javascript terms and css At the end of this, i learn work with querySelectors and their structure…
• social links social-links: projeto ao estilo linktree feito em Astro para divulgar redes sociais
• particle fountain animation simple particles fountain
• pong Uma cópia do clássico jogo Pong criada como projeto prático do curso "Jogos Clássicos Parte 1 - Pong" da Alura cujo objetivo é ensinar…
• PAC MAN Internet programming environments Department of Software and Information Systems Engineering Nevo Itzhak and Tomer Shahar In this project…
• pacman An old classic written in HTML5. Clone from GitHub and go into the directory. Make a fresh clone and go into the directory (example)…
• pong js Player 1 Controls Up: W Down: S Player 2 Controls Up: 8 (Numpad) Down: 5 (Numpad)
• ping pong A simple ping pong game, made in JavaScript.
• pong.js Pong in vanilla JavaScript
• shinobi runner Shinobi-flavored action 🥷: tight controls, juicy hits 🥊, shiny coins 🪙, and boss battles 👹—all in lightweight HTML5 Canvas + JS ⚙️ with…
• AirHockey La interfaz gráfica de la aplicación está compuesta de un tablón de opciones, un tablón de records conseguidos en la aplicación y el juego…
• pacman This is an attempt to build a variant of the game pacman from scratch using HTML, CSS and JavaScript for training purposes. The movement…
• Happy Birthday Animation ✦ No login · No install · Opens instantly in your browser ✦ Option 1 — Live (instant, no setup) Option 2 — Clone and open locally Option 3…
• heart vs melt v2 A modern Tic-Tac-Toe experience featuring AI battles, achievements, themes, analytics, match history, statistics, sound effects, and a…
• TypingTrainer Typing Trainer is a single-file, browser-based typing practice app that studies weak spots and turns them into focused training blocks. It…
• tic tac game A responsive Tic-Tac-Toe game built using HTML5, CSS3, and Vanilla JavaScript. This project was created as a coding challenge against to…
• AstroMatch A stylish local multiplayer memory game focused on reflexes, concentration, and strategic thinking. AstroMatch is a space-themed memory…
• Simon Game A responsive web-based Simon Says memory game built with HTML, CSS, and JavaScript. Features a modern Glassmorphism UI and dynamic controls…
• Memorama Historico Juego de memorama interactivo en HTML5/CSS/JavaScript para conectar autores, teorías y fechas históricas.
• memory match This is a simple memory game built to help keep memory sharp. The live site is the static HTML, JavaScript, and CSS version in this…
• matching game A responsive and accessible Memory (Concentration) card game built with HTML, CSS, and JavaScript. 4x4 and 6x6 grid options. Local storage…
• tiko.az Tiko.az is a polished, modern take on classic Tic-Tac-Toe (X-O), built with pure HTML, CSS and vanilla JavaScript — no frameworks, no build…
• memory card A project from The Odin Project (Full Stack Javascript). A memory card game is built using HTML, CSS, Javascript, and React. At each turn…
• neon xo game A modern neon-themed Tic-Tac-Toe game built using HTML, CSS, and JavaScript.
• sudoku Instant solver - backtracking algorithm solves any valid puzzle in milliseconds. 3 built-in puzzles - Easy, Medium, and Hard difficulties…
• nexus homepage A dark browser start page built with plain HTML, CSS, and JavaScript. No frameworks, no build tools — open the file and it works. The…
• fractious A deep-zooming viewer for the Mandelbrot set hosted at Rust & WebAssembly for calculating high-precision reference orbits on the CPU (using…
• Game Tic Tac Toe Chào mừng bạn đến với dự án Tic-Tac-Toe (Cờ Caro 3x3) trực tuyến! Dự án được viết bằng HTML, CSS và JavaScript thuần, hỗ trợ chơi trực tiếp…
• typing master pro A modern browser-based typing practice and skill-building application Typing Master Pro is an interactive web application designed to help…
• The usual suspect Every case needs a suspect. Investigate using realistic surveillance tools: Unix terminal log analysis, timeline message scrubbing, analog…
• Adinkra Mahjong A calm tile-matching game with Adinkra symbols from Ghana. Each time you pick a tile, you can read what its symbol means. A free game from…
• WorkStudy WorkStudy is a modern web platform designed to provide games, tools, utilities, website viewing, community features, and experimentation…
• 2048 webcomponent 2048 as a WebComponent
• Loader for a game This is a project to make a simple but cool loader to come before a game. In this instance, I have made the loader come before a Space…
• Tower Bloxx Build high skyscrapers by placing one block on the other & create tallest skyscraper
• capybara Capybara Game is a small, casual web game where the goal is simple: click the capybara as many times as possible before the time runs out…
• Nakshatra Rakshak Welcome to Indian Space Invaders, a web-based game application that combines the classic gameplay of Space Invaders with ancient demons…
• space invader game A whimsical, pastel-themed reimagining of the arcade classic! Defeat waves of adorable alien invaders with satisfying synthesized sound…
• wordlepro.github.io The best Wordle game with hints.
• space invaders A simple HTML, CSS and Javascript space invaders game.
• tetris A simple js clone of tetris.
• Mine Sweeper Easy: 9x9 grid with 10 mines. Medium: 16x16 grid with 40 mines. Hard: 30x16 grid with 99 mines. The objective is simple: reveal all the…
• Tetris A modern, responsive Tetris game built with vanilla JavaScript, HTML5 Canvas, and CSS3. Playable on both desktop and mobile, with classic…
• Road to Verkhniy Lars Game 2d-game · css3 · html5 · html5-canvas · javascript
• tetris クラシックなテトリスゲームの再実装です。 ブラウザ上で動作し、キーボード操作に対応しています。 ブロックを積み重ね、横一列を揃えて消していくクラシックなテトリスゲームです。 テトリミノの落下位置予測表示機能の実装。 ソフトドロップとハードドロップの実装。…
• SweepIt Sweep the mines to win the game!
• jsMinesweeper Left click to step on a spot. Right click to mark a spot as a bomb. Double click to open all 8 spots nearby a target (except ones already…
• pokemon A fully playable 2D Pokémon-style browser game built with HTML5 Canvas, JavaScript, GSAP, and Tiled. Explore a tile-based world, interact…
• mental math game A small browser game for practising addition and subtraction with negative numbers. Twenty questions, immediate feedback, a review of every…
• stranded horizons Leichtgewichtiges Browser Survival Game – Vanilla HTML, CSS, JavaScript. Ohne Backend, ohne Build-Step. Entstanden am 08.04.2025 – first…
• sudoku A difficulty is the hardest technique a board needs, not how many numbers it starts with. Piola falls to singles, Normal needs locked…
• SHADOW ESCAPE Shadow Escape Overview Shadow Escape is a browser-based cyberpunk survival game developed during a 24-hour AI Game Jam. The player explores…
• Generative Lifeform Generative Art A seed-based generative art catalogue for Generative Lifeform, a computational network system. Built as a single-file HTML page with p5.js…
• Corolla Generative Art A seed-based generative system for layered petal compositions. A reproducible catalogue of computational textile compositions. Corolla is a…
• Layered Diagram Generative Art A seed-based generative art catalogue for Layered Diagram, a computational linework system. Built as a single-file HTML page with p5.js…
• Quilt Generative Art A seed-based generative system for rotated block compositions. A reproducible catalogue of computational textile compositions. Quilt is a…
• Crab n Cook Game Ironhack Web Development Bootcamp 3th week project: Vanilla JavaScript 2D Canvas game. When a crab humilliate your father, a good son must…
• bombspace Advanced build system using gulp.js. Bundle your game using browserify. Empower your CSS using LESS. Lint your JavaScript using ESLint…
• tower blocks Tower Blocks Game with HTML CSS JS. My Github Account: Click Here
• pokemon game Jogo de Pokémon desenvolvido para praticar Programação Orientada a Objetos e consumo de APIs com Javascript. 👾 Sprites: Sprites e o mapa…
• minesweeper Web version of the classic Minesweeper To place the bombs randomly, the value of field[0] to field[bombs - 1] is -1 (bomb!), and then the…
• Snake in this repo I have build a snake game without any kind of starter assets. This game can run on a mobile device because I have added the…
• 2048 Yet another 2048 game develop with vanilla js, PixiJs and GSAP Created with ☕❤️ by Adhir2099
• math race duel neon circuit Math Race Duel: Neon Circuit adalah game edukasi matematika berbasis web dengan konsep balapan neon cyber racing. Game ini dibuat agar…
• generative art piececreative coding hand particles creative coding hand particles Hand Particles is an experimental web-based creative coding project that combines real-time hand tracking with a dynamic 3D particle…
• Battle Field Generative Art A seed-based generative system for two-force compositions. A reproducible catalogue of computational textile compositions. Battle Field is…
• Matrix Rain Generative Art A seed-based generative art catalogue for Matrix Rain, a computational digital-rain system. Built as a single-file HTML page with p5.js…
• Japanese Patterns Generative Art A seed-based generative art catalogue for Japanese Patterns, a computational traditional-motif system. Built as a single-file HTML page…
• Portrait Series Generative Art A seed-based generative art catalogue for Portrait Series, a computational character-study system. Built as a single-file HTML page with…
• XO Royale A browser-based Tic-Tac-Toe game featuring an AI opponent powered by the Minimax algorithm. Play the game directly in your browser through…
• swcyoa.github.io This CYOA to look very great*. This CYOA to be very formal or have a consistent tone. This CYOA to be very well made in general. Not having…
• CSS 3D Dungeon 3D environment build on native html/css. one full level with interactive items and puzzles. bugs and fps drops are also available.
• red billion Game for js13k 2020
• super mario run using javascript A fun super mario game made using html, css & JavaScript
• Gigily HTML CSS JS گیگیلی | Gigily 🤩😉
• Typing Tutor Real-Time Falling Letter Gameplay 🔡. Press the Correct Key Before the Letter Reaches the Bottom ⌨️. Progressive Difficulty with Increasing…
• Symon Says Simon Says - Classic Memory Game is a modern, responsive single‑page web game that challenges your memory by requiring you to repeat an…
• Solitaire Klondike Solitaire – Final Release is a modern, fully responsive web adaptation of the classic Klondike Solitaire game. This project…
• Fight game With JS Exciting 2-Player Local Fight Game: Play Now! Dive into an exhilarating local multiplayer brawl with this JavaScript-based web game crafted…
• Blastar You can play Blastar here. Blastar was a game written by Elon Musk in 1984 (at the age of 12). The source code was published in a magazine…
• myfirstgame my dog to prevent him from eating chocolates for educational purposes https://078e20d8.cloudie-game.pages.dev/
• this is the way Team Livin' La Vida Yoda's Game entry for the May the Force be with you Code Institute Hackathon, May 2023. 'This Is The Way' is a…
• Word Strike Word Strike is a browser-based word guessing game set in a cosmic theme. Guess hidden words letter by letter, earn points, unlock badges…
• css doom I rebuilt Niels Leenheer's cssDOOM ( as a Vite-based static site. Niels Leenheer created the rendering engine, game logic, and CSS…