Canvas demos you can play with right now

Hundreds of canvas 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

• neon strike A high-intensity browser shooter built for fast reflexes, clean combat, and endless survival. NEON STRIKE is a sleek, arcade-inspired…
• mouse strike 玩家在单屏部署台中选择九架差异化战机。普通战机拥有 3 种攻击形态，概念机“超音速 X-10”拥有 10 种攻击形态；它可以自由查看，只有点击驾驶出击时才验证概念暗号。收集并消耗 3 个红色能量球后可变身 10 秒，游戏默认以窗口模式进入美国领空。 强袭形态必须先收集 3…
• chime valley 一款吉卜力画风的女生向治愈系网页游戏 点开链接，推开那扇熟悉的木门 —— 山谷的风，正在等你。 亲爱的竹鹿： 风铃谷的老屋，留给你。 替我照看好这座房子、那片田园，还有森林里的朋友们。 等风铃重新响起来的那天，你就会明白一切。 —— 奶奶…
• paint A simple Paint clone built with HTML, CSS, and JavaScript using the HTML5 Canvas API. Draw, choose colors, and create basic sketches…
• browser gamelife simulator life simulator A JS canvas simple life simulator.
• melon jelly knife 无需下载、无需安装，打开网页就能玩的切水果小游戏。 按住鼠标或手指拖动挥刀，切开抛起的西瓜、果冻与火龙果，别碰炸弹。 单个 index.html 文件，纯原生 JavaScript + Canvas 2D +…
• Starfall Shooting Game A modern arcade-inspired space shooter where players battle relentless alien waves, dodge enemy fire, and defend the galaxy with fast-paced…
• skatebook Um jogo de skate 2D com estética "lápis sobre papel pautado", feito em um único arquivo HTML com Canvas + JavaScript puro — sem…
• Cross Dimension Duel ▶️ Play in your browser on itch.io · 点这里直接在浏览器里玩 A dependency-free, build-free ball-battle auto-simulator in the style of the viral…
• chain drop lab chain-drop-lab は、ブラウザで動作する完全オリジナルの「落ち物連鎖パズルゲーム（falling chain puzzle game）」です。 美しく洗練された Canvas 描画エフェクト、Web Audio API…
• game A Super Mario-style browser platformer themed after Tabularis, the open-source AI-native database client. Built as a marketing/visibility…
• wallbrawl Turn any wall into a multiplayer arena. WallBrawl is a free, open-source, local-multiplayer stick-figure brawler built for projection…
• spike sprint A poorly coded pixel runner A browser-based endless runner built with vanilla JavaScript and HTML5 Canvas — no dependencies, no install, no…
• canvas vampire survivors A zero-dependency HTML5 Canvas roguelite you can clone, play and ship in 30 seconds. Tiny readable files under src/. | 🎨 HTML5 Canvas…
• snake game 高品质霓虹风格贪吃蛇游戏 — 单文件、零依赖、开箱即玩 A polished, neon-themed Snake game in a single HTML file — zero dependencies, ready to play. A single-file…
• subway dash 一款浏览器里直接运行的无尽跑酷游戏，玩法参考地铁跑酷：三车道、跳跃、滑铲、躲避障碍、收集金币。纯原生 JavaScript 和 Canvas 实现，零依赖，双击即可玩。 Subway Dash is an endless runner that plays instantly…
• lunar colony Build your colony on the Moon. Manage resources, research, and crew to survive. A single-file HTML pixel-art colony simulation game. Zero…
• Gravity Goose Browser Games How to Play / Setup. Gravity Flip: Press a button to instantly reverse gravity! Master ceiling-walking to avoid hazards and outsmart…
• soccer game A fast six-a-side arcade soccer game that runs in any modern browser. No build step, no dependencies, no downloads — just static files and…
• mario murru game A simple 2D platformer game inspired by classic Mario Bros games, featuring a character named Mario Murru. Mario Murru is a 2D platformer…
• Silent Space Atmospheric and experimental 2D game concept. A proof of concept about what can be done with plain Canvas, JavaScript and a bit of auditory…
• Vector Storm Classic arcade style space shooter with Canvas 2D, ES6 and HTML 5. A 'Proof of concept' and technical experiment about game architecture…
• kingdomarchitect [!NOTE] This game is currently in development. There will be things that are broken/not working/not implemented. Tap the item you would…
• violencetown A browser-based 2D action-RPG of small violences, set across a hand-authored, directional world — built as a systems-design playground in…
• doodle slam 一个手绘涂鸦画风的 Splatoon 式地盘泼漆对战小游戏。 纯静态网页：HTML + CSS + 原生 JavaScript + Canvas 2D，零依赖、无构建步骤。 双模式：生涯（选阶段→选地图→选 Fighter，与随机性格 bot 对战，星章解锁 10 站旅程）/…
• cymatics Play a frequency and watch the sand settle into its Chladni figure. Everything on the page — the plate, the sand, and the tone — is…
• Accretion A physics-based survival game about growing from a tiny glowing protostar into a quasar-powered black hole. Eat what's smaller than you…
• arena world demo 这是一个 Arena World。World 是 Arena 上不计分的 共创体验：没有分数、没有奖金、没有排名，只有大家留下的东西。 World 的代码没法单独打开。它跑在一个沙箱 iframe 里，存储、身份、语言、主题这些 能力全是宿主页通过 ctx…
• faces mosaic A polished, privacy-first prototype for an opt-in portrait mosaic inspired by the scale of online communities. It is an independent art…
• aura card A zero-dependency, 100% browser-native procedural engine that turns plain text inputs into complex, mathematically precise Julia Set…
• altair A word becomes a star. ALTAIR is a generative web experience that turns text into a unique animated stellar visualization. Instead of…
• pond chimes An ambient, self-playing pond that sings when you tap the fish. A screensaver with a voice. Everything is locked to D major pentatonic, so…
• nebula Arte generativa interativa direto no navegador. Milhares de partículas dançam em um campo de fluxo (simplex noise) e você esculpe a nébula…
• klangfarbe See what music looks like. Real-time audio visualizer in the browser. Upload a song, search via Deezer, or use your microphone — and watch…
• Lofxart LofXArt est une expérience artistique abstraite mêlant musique, code, animation visuelle et interaction utilisateur. Le projet n'a pas pour…
• aether A generative vector-field instrument you shape, perform, and share in real time. Thousands of particles ride a curl-noise flow field…
• hikari 暗闇に光を灯す、ブラウザ完結のインタラクティブ試作集。コンセプトは「1日10試作」。 部屋を暗くして、全画面で。スマホ縦画面にも対応しています。 運用ルールは docs/BUILD-ROUTINE.md の「検証スイートの運用」を参照。 共通デザインシステム…
• Brownian Graphe Generative Art Interactive generative graph networks with Brownian motion. Each refresh creates a unique network of bouncing points connected by dynamic…
• algo art hopper I reverse-engineer painters' compositional logic into parametric 3D code. Hopper's windows are the subject where there is a frame within a…
• lights A dark field where forty points of light drift, bond, age and speak, so watching it rewards attention instead of asking for it. Each light…
• Claude stuff every word here is borrowed light. A small interactive artwork. You sow words into a dark field; each one drifts to its place and glows…
• A sea of blues Same sea — every hour a different blue. An ambient, ever-changing scene rendered entirely in HTML5 Canvas and vanilla JavaScript. Drag one…
• browser visualizer v1 A realtime audio visualizer that reacts to whatever audio is playing on your system. Built with Vite + vanilla JS, the Canvas 2D API, and…
• kepler0 ** ACCESS THE LIVE ENGINE ** Keplerian Module è un'architettura di simulazione astrofisica bidimensionale sviluppata per il calcolo in…
• nordic tug docking sim A physics-based docking simulator for a single-screw Nordic Tug. Bring her alongside a tight marina slip using a throttle, a rudder, and…
• three body 零依赖、零构建、零常驻进程的三体/N 体引力动画。Canvas 2D 伪 3D + 速度 Verlet 辛积分 + 自适应步长，针对树莓派 5 + RustDesk 远程桌面做过资源优化。 参数设置：3 个天体各自的质量、密度（仅记录，不参与计算）、位置 (x,y,z)、速度…
• brahmanda An interactive universe simulator for cosmology, quantum fields, collider traces, entropy flow, and audio-reactive geometry. Brahmanda is a…
• hyper tennis 3d An ultra-realistic 3D browser-based tennis game powered by Three.js and custom aerodynamic Magnus spin physics. Experience Grand Slam…
• rbmk An interactive, browser-based model of an RBMK-1000 nuclear reactor, the Soviet design behind the 1986 Chernobyl accident. It is detailed…
• 3body **A self-contained, zero-dependency simulation of the three-body problem that makes chaos visible.** Three suns of nearly equal mass locked…
• Curling Ice Lab An interactive curling simulation prototype for practicing shot setup, broom placement, handle choice, sweeping, and basic stone physics…
• ET1 EmergencyLanding 主機関を失った宇宙船 ElmarTail One (ET1) を、限られた燃料で惑星の低軌道まで導く軌道力学プロトタイプ。 依存関係なしの単一 HTML ファイル。ブラウザで index.html を開くだけで動きます。 惑星と月の 2…
• ripplefield An interactive ripple tank in the browser. Drop oscillating sources, draw walls and slits, paint patches of shallow water, and watch…
• Resonance Resonance is a visually captivating, physics-inspired interactive playground built entirely with Vanilla Web Technologies. It simulates…
• tennis for two An oscilloscope-style browser remake of Tennis for Two, built with plain HTML, CSS, JavaScript, Canvas, Web Audio, and a small heuristic…
• orbit or bust Build rockets. Fight gravity. Explore a tiny solar system. Explode educationally. A Kerbal Space Program-inspired 2D space-program game…
• gravitational orb simulator A little physics sandbox in your browser: drop glowing orbs into space and watch gravity pull them into orbits, spirals and collisions. ▶…
• three cushion billiards A playable three-cushion carom billiards game that runs entirely in the browser. No engine, no build step, no assets — the table, the…
• umbrella simulation An interactive, high-performance web simulation that models the physical dynamics of an umbrella using a second-order mass-spring-damper…
• particle simulator A lightweight fluid-inspired particle simulation built with pure HTML, CSS, and JavaScript.
• fluidsim cpu An interactive 2D fluid simulation written in JavaScript and rendered with the HTML Canvas 2D API. This project implements a CPU-based…
• Optics Simulator This project is a JavaScript implementation of a ray tracer which is able to interact with plane and curved mirrors. The user can adjust…
• JS ParticleSystem The simulation is an N-Body system, where all particles interact with each other. It can be referred to as a galaxy simulation, although…
• CNWGOL Interactive browser-based Conway's Game of Life with smooth animations and cyberpunk-themed UI
• quantum ish life A small mobile-friendly browser game inspired by Conway's Game of Life, with probability states instead of simple alive/dead cells. White…
• spacetime life Conway's Game of Life with time as the third axis. Every generation is a horizontal slice, stacked upward as the simulation runs — so…
• make or break Order vs Chaos in your browser. Set the rules, start the round, and see who holds the grid. Two balls bounce around a grid of bricks. The…
• bitrot A 1-bit cellular-automaton arcade game about rescuing Rare Friends from a decaying archive. Built for the Rare Friends Vibeathon (20–30…
• sandpainter A falling-sand painting toy. Four spigots pour from the top, and you paint into the mix: sand, water, oil, lava, ice, plants, acid…
• falling sand A falling-sand playground in a single HTML file. Draw sand, water, fire, lava, oil, acid, plants and more, and watch them react to each…
• conways game of life An interactive Game of Life built to be looked at as much as played with. One self-contained HTML file — no build step, no dependencies, no…
• game of life A dependency-free HTML/JS implementation on a toroidal world: the grid fills the screen width, and anything that leaves one edge reappears…
• game of life An interactive, dependency-free implementation of Conway's Game of Life in the browser. The project turns the classic cellular automaton…
• Fun With Math A collection of original interactive mathematical experiments and essays—all running live in your browser with no installation required…
• liquid ripple A water background that reacts to the pointer. Ambient swell, caustic shimmer, and ripple rings that spread and fade where you move — drawn…
• web optimization Interactive browser: Search & filter all 48 folders, validated corrections, library versions. The most comprehensive Three.js, WebGL, and…
• life battle Conway's Game of Life with multiple species (colors) competing on the same grid. Watch gliders, spaceships and puffer trains fight for…
• image refractor A canvas-based web-component for applying animated water-like refraction effects to images. Check out the source of the demo page for some…
• Hush A slow journey from the deepest sea to the infinite sky. HUSH is a calm, single-file web experience: scroll gently through a hand-built…
• landscape vault Archival procedural Chinese landscape scroll synthesis engine, Shan Shui (山水画) vector plate repository, and topographical telemetry system…
• flower vault A procedural botanical synthesis engine and taxonomic archival vault designed for technical minimalism, structural honesty, and traditional…
• kilim Wave function collapse in the browser. Paint a small sample, and a larger picture is woven from it so that every small square window of the…
• game witchrunner it's a simple Runner Game with P5.js and Canvas by Alura — Click here and enjoy! Developed by Anderson "Yagasaki" Marlon
• number snake A grid of small numbered cells with a blue creature, shaped after a white blood cell, that wanders across it and hunts red-and-black…
• zen garden A Zen rock garden in your browser: rake the sand with your mouse or your finger, place and move stones, and let the ripples form around…
• REACT Conceived, Designed & Developed by Teja Priyan REACT ( is an advanced, high-performance audio-reactive 3D motion design studio operating…
• cosmic observatory Travel: scroll through a living starfield and shifting nebula. Hold W to warp. Scale of the universe: slide from a hydrogen atom to the…🤯 1
• plasmodium A slime mould in the browser. Thousands of tiny particles each sense the chemical trail ahead of them, turn towards the strongest smell…
• analytics resolution What the NBA's shot record could see, season by season. FADEAWAY is a browser artwork made from the NBA's public shot data: 5,933,691…
• FlowToy A browser-based generative art studio. Draw flowing particles, logarithmic spirals, or an ocean-like wave field on a Canvas, then tune the…
• while away A room that only changes when you are not looking at it. while you're looking at it, it won't move. One HTML file. No dependencies, no…
• ephemera Open the online gallery. The social preview is a screenshot of the public gallery; animation and sound remain generated at runtime. A…
• hand gesture particle effects An interactive browser experiment that uses your webcam to detect hand gestures and trigger cinematic particle effects in real time. Open…
• interwoven oversemantization A circle created dynamically by random lines. A line is drawn from a point in the center of the canvas to a random point located inside an…
• shape cycle Interactive generative design project using p5.js
• sunday dev drive A synthwave driving experience through your DEV Community articles Enter your DEV Community username, hit Start Driving, and cruise through…
• generative art Generative Art is the idea realized as genetic code of artificial events, as construction of dynamic complex systems able to generate…
• everything means everything It is a generative art project made with p5.js library.
• generative art playground A webpack boilerplate for playground exmaple showcase that uses ejs as the template engine. Check The Demo Here :D You have to put your…
• checkers The french variant of the checkers game developped with p5.js. The artificial inteligence use alpha beta pruning algorithm.