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

• swarm Living things, drawn as dots. A murmuration of starlings that wheels and folds, a bait ball that spins and flashes, fireflies over a…
• tesselate A drawing table for tessellated patterns. You draw on one tile — a square, a hexagon or a triangle; the plane around it repeats that tile…
• wallpaper generator A catalog of 120 abstract-wallpaper generators running in the browser. Vanilla JS, no dependencies, no build step. Canvas 2D, real time…
• particle love An interactive generative web experience built around a night sky that remembers. Live Demo → View the source → The page begins in…
• healing visual lab Healing Visual Lab 是一个持续生长的交互式数字疗愈作品集——51 件独立的 H5 页面，每件都是一个完整的创意编程实验。 一个哲学内核贯穿所有作品： 身体记得的，代码可以翻译。代码翻译不了的，时间可以消融。What the body remembers…
• cyphercam A webcam toy. Five looks, all computed live on a canvas in the browser. Nothing is uploaded anywhere. Try it…
• The Chaos Button One button. Four phases of denial. Twenty-nine ways to do absolutely nothing useful. You press it. It does nothing helpful. It does plenty…
• painterly painterly (adjective): of a painting or its style, characterized by visible brushwork and the rendering of form through color and tone…
• noise poster A page that draws an abstract poster from layered value noise — the seed is in the URL, so any poster comes back, and the PNG export is A4…
• Flield A browser-based generator for seamless looping backgrounds. It builds three-color pixel art, a background plus two artwork layers, from…▶ 3 plays this week
• math painting 複素平面の写像を使い、画像を変形してPNGへ書き出すCanvasアプリです。画像を選び、写像・回転・ズームを変えて結果を比較できます。 ブラウザで試す — インストール・ビルド不要。読み込んだ画像はブラウザ内で処理します。 Escher-like browser image…
• jscreensaver Unix screensavers in your browser — live at jscreensaver.net JavaScript port of generative artwork from XScreenSaver. 170+ Unix/X11…
• falling sand An entire falling-sand physics playground in one HTML file. No build. No dependencies. No framework. Save index.html, double-click it, and…
• emergence lab 一个在浏览器本地运行的人工生命与群体运动实验室。TypeScript + Canvas 2D；无需账户、后端或 API Key。 GitHub Actions 对每次 main 推送和 PR 执行数值/状态测试、TypeScript 构建及 Chromium…
• generative art pieceparticle rendering experiment particle rendering experiment An interactive browser experiment exploring particle rendering and animation. This project explores particle-based visual effects in the…
• ascii Everything is characters. A text-native generative art instrument: 12 engines, three modes, curated character sets, exported as text, ANSI…
• ASCII DOVE Turn images, video and your webcam into glyph art — in the browser, on your machine, nothing uploaded. Export it as a PNG, or as .txt…
• voxel qr tree Live demo: runs in the browser, nothing to install. Type a URL. It grows into an isometric voxel tree on a square plot. Tap the plot and…
• flowfield studio Интерактивная лаборатория генеративной графики: тысячи частиц рисуют живое векторное поле прямо в браузере. управление количеством частиц…
• perihelion Draw a solar system. Hear it become a loop. A zero-dependency orbital sequencer built with Canvas and Web Audio. Place satellites around…
• boids lab **A flock of birds for every screen in the house — and a laboratory for every question you ask it.** Craig Reynolds' three rules…
• petri mold Мини-игра-арт-объект: чёрно-белая пиксельная чашка Петри, в которой растёт плесень. Ставишь кликами до 8 спор внутри чашки, жмёшь GROW…
• web demos ** Works on desktop and mobile with no build step required. High-performance Three.js scenes, procedural experiments, browser AI demos, and…
• LOKI GreenMagic WARNING: This project is intended solely for personal use. Commercial use, reproduction, or redistribution is not permitted. ⚡ Procedural…
• void scribe 用声音作画的活体屏保：麦克风驱动的无限画布生成艺术。开口就有回应，安静时也不停。 A living screensaver that paints with sound — an infinite generative canvas driven by your…
• piano cat Pick a classical masterpiece. Mime it at your webcam. Every stroke of your hands plays the next beat — so if you slow down, the music slows…
• vortex math Vortex Math is an interactive mathematical art visualizer that turns modular multiplication into geometric patterns. N = number of points…
• paisley A dependency-free paisley (boteh) pattern generator for HTML5 Canvas 2D. Patterns are seamless — every pattern is built as one repeat tile…▶ 3 plays this week
• stringweave Turns any image into string art. Upload a photo, pick pins and strokes, and watch the drawing build itself — one straight line at a time…
• Word Terrarium ことばを落として、意味の距離を眺める小さな温室。 Word Terrarium は、単語を画面に放すと、関連する語が少しずつ芽を出し、近づいたり離れたりしながら関係の線をつくる、目的不明の小さなおもちゃです。…
• ai visualizer Never used Claude Code? Start at jaredrhod.com: pick your situation and it routes you to the right path. Runs on: Python 3 and a browser…
• niu lai 梦是画出来的，路是手搓出来的。海报与正片 · Poster & Reel。 A dual-world tribute runner. In August 2026 a Chinese indie animation called Niu Lai opened with a…
• plotterblaetter Vier interaktive Blätter über Struktur, die aus lokalen Regeln fällt. Je eine self-contained HTML-Datei: kein Build, kein Paketmanager…
• bestiary An endless, procedurally-drawn map of a world that does not exist. Pan forever. Every coordinate is deterministic, so the link in your…
• lantern row A night bazaar rendered as one long street. Every stall is a home for a game: its window plays a live miniature of the game inside…
• nekudot A browser-based expressive drawing tool. As you draw, Nekudot remembers every point and weaves faint lines between nearby ones - so a…
• morningswimmer 일상과 업무에서 겪는 작은 불편을 줄이기 위해 AI와 함께 만든 웹 도구 모음입니다. 설치 없이 브라우저에서 바로 쓸 수 있습니다. 종이에 쓴 서명이나 찍은 도장을 사진으로 찍으면, 배경을 지우고 투명 PNG로 만들어 줍니다…Vibe-coded
• code village A story-driven pixel adventure about building with AI. 不会写代码的不响，和 AI 搭档小 A 接下了这份“修好管饭”的委托。你要问清店主的要求，理顺后厨的步骤，查明送不到的订单，再让镇外的客人也能打开点单页面。…Vibe-coded
• Dustline game A 2D turn-based artillery duel game in a scorched-wastes theme. Destructible terrain, wind, 224 original weapons, a card-hand loadout…
• eclisse light study An interactive lamp study by Helen Shim, inspired by the Eclisse lamp designed by Vico Magistretti for Artemide. Try the live demo → Drag…
• cartouche Une image entre, un jeu vidéo sort. Tu glisses une photo (ton chat, une pieuvre en plastique, un dessin de ton neveu, un coucher de…
• WLPR A procedural, minimal, browser-based wallpaper generator built with HTML5 Canvas 2D & TypeScript. WLPR is a procedural wallpaper engine…
• plaintext Typography-driven wallpaper generator. Turn curated quotes — or your own words — into minimal, Swiss-inspired posters. → Open Plaintext ·…
• battle city expanded A browser-playable, fan-made tank game inspired by Battle City. Create custom stages, battle varied enemies, and use power-ups and touch…
• sablune sable + lune: sand and moonlight. A tiny ASMR sand-and-glass game for the browser and phones. Swipe along the glowing line to slice a block…
• trick or take Take the candy. Don’t get caught. A tiny Halloween heist for your browser. Play alone, or steal candy with friends on voice chat. Play now…
• Shafin Blade Fighter Game Shafin Blade Fighter 3D is a fast-paced, high-octane 2D/3D cyber anime action fighting game developed with pure HTML5 Canvas and modern…
• bloodypage Settle it with your fists and NOT your sources. A browser fighting game in which crude, big-headed caricatures of theorists settle their…
• Sigil Forge Генератор кибер-сигилов в эстетике cybersigilism: острые сужающиеся штрихи, колючки, завитки и хромированные симметричные узоры. Seed. Один…
• fishing game A small 3D fishing game that runs in a browser tab. Charge a cast, follow the hook down through eighty metres of water, strike when…
• PingPong This game lets you know how logical works in the game. Find the downloaded zipped file on your pc and extract it. Once you are done playing…
• particles constellations An experiment on particles using HTML5 canvas
• falling snow particles Falling snow particles using HTML/JS canvas
• web demohtml canvas particle animation html canvas particle animation A basic particle animation following the cursor with Canvas
• dimensional guard 原生 HTML5 塔防游戏，使用 HTML / CSS / JavaScript 直接运行，WebGL 2 绘制战场，保留 Canvas 2D 回退与可选 WebGPU 后端。不需要 Godot、Blender 或任何 npm 依赖。 首次加载需下载约 300MB…
• arkanoid Классический арканоид в браузере — один HTML-файл, без зависимостей и сборки. Работает на компьютере и телефоне. На телефоне выглядит как…
• pingpong A simple ping pong game made with HTML5 Canvas and JS
• canvas particle system A live demo can be found HERE. The demo has many emitter types and some more explanations about this. e.g. create ~100 randomly colored…
• pacman Zero-dependency HTML5 Canvas Pac-Man with mobile controls, deterministic debug hooks, Vercel deployment, and a Supabase-backed global…
• ParticlesCopy.js Dots connected by lines animation using vanilla javascript with canvas html. This is an image of the final deployment. There is a link in…
• hex game of life This is my final project for the Harvard’s CS50 course. Live version is available here. It is Conway's Game of Life on a hexagonal grid…
• game of life A game of line in HTML / JS using canvas. It uses an OffscreenCanvas for performances : renderering is done on screen then copied to main…
• browser gamegame of life game of life the game of life by John Conway is a zero player automata that uses matrix arithmetic to create a mini universe
• browser gameZuzel Zuzel Local 2D single/multiplayer racing game
• CyberPong 👉 ✦✦✦ Play here! ✦✦✦ 👉 An original game NOT inspired by Pong classic game and Cyberpunk 2077. Seriously no. Mid-course project. 2D Canvas…
• Snake Game bootstrap · canvas-game · canvas2d · html-css-javascript
• game of life canvas Game of life in html5 canvas
• 2D Canvas Image Particles A simple lightweight 2D particle system using Canvas. Multiple particle systems can be bound to the same canvas. Particles speed remain the…
• Pong Pong é um jogo eletrônico de esporte em duas dimensões que simula um tênis de mesa. O jogador controla uma paleta (barra vertical) no jogo…
• js game of life This is a simple implementation of Conway's Game of Life in JavaScript. I hope you enjoy it 🙂
• pacman custom A custom Pac-Man game built with vanilla HTML5 Canvas and JavaScript. Custom Characters: OpenAI logo as Pac-Man, pixel crab sprites as…
• web demofractal fractal Canvas of native JavaScript is used. Drawing starts in [x, y]. A line continues to [x+a, y+b]. a and b are variables containing a random…
• mandelbrot Rendering Mandelbrot fractal in the browser
• von koch fractal js Von Koch Fractal using simple canvas and js
• js fractals Disclaimer: obviously this is only a quick prototype/poc just for the fun of it.
• Pong JS Pong (Canvas, Javascript)
• double pong Simple Game (JS and Canvas)
• pong js Pong game implemented in JavaScript.
• Pong Game Jeu Pong classique revisité avec interface moderne, intelligence artificielle adaptative et mode multijoueur local. 🤖 Solo vs IA…
• pong game A browser-based Pong game built with HTML, CSS, and vanilla JavaScript. This project started as a programming learning exercise and…
• pong A browser Pong game built with vanilla JavaScript and the HTML canvas. I made it for a quick holiday vibe-coding workshop at Meta. Both…Vibe-coded
• stardust particle field 鼠标引力 — 移动鼠标，周围粒子被吸引并拉出星链连线。 点击星爆 — 点击任意位置触发 26 粒粒子爆破。 实时控制台 — 毛玻璃面板：粒子密度（40~400）、引力强度、星链 / 辉光开关。 状态栏 — 实时 FPS、粒子数、当前主题。 性能细节 — DPR…
• typing fighter game Type faster → Hit harder. A high-octane 1v1 fighting game where typing speed and accuracy directly power combat moves, combos, super…
• come come Um jogo de labirinto com quatro fantasmas. HTML, CSS e JavaScript puros — sem biblioteca, sem build, sem servidor. Ou clonar e dar duplo…
• Pac Man A browser-based Pac-Man clone built with HTML5 Canvas and vanilla JavaScript. Core gameplay (movement, collision, scoring, lives) is…
• HandFlow HandFlow is an immersive web experience where particles move and react to your finger gestures in real time.
• html canvas rain animation A lightweight, responsive rain particle animation built with the HTML canvas API, CSS, and plain JavaScript. The original canvas study…
• katimages interactive 60fps canvas particle background. background pre-fetching for instant cats. background music player (silly cat.mp3).
• QRLife Turn any link or text into a QR code, then watch it come alive in Conway's Game of Life. The QR code seeds generation 0 of the simulation…
• bladetide Slice. Grow. Rule the reef. Project status: alpha. The offline practice mode and the authoritative online arena are playable today. Hedera…
• slotmachine Ein Browser-Slotspiel im Hip-Hop- und Graffiti-Stil: fünf Canvas-Walzen, ein mechanisch animierter Hebel und ein eigener Rap-Soundtrack…
• shadow qi A 2D fighting game that runs in your browser. Every fighter's sample combos (title screen → combos) show these patterns, the max combos…
• Space Invaders Simple implementation of the Space Invaders game using rectangular shapes
• html animations A real analogue clock. An animated real-looking solar system. Animated beautiful heart, created with polar equations. An animated candle…
• web game re Mini Game: Parking Mastero
• gridwatch 把配电系统的约束变成塔防决策：炮塔需要接入电网，远端压降会降低火力，发电机过载会跳闸。玩家要在建造、扩容、无功补偿和线路延伸之间分配预算，守住海岛灯塔。 已有可玩版本。此次归档修正构建后模块的目录位置和中文路径预览；实测范围见验证记录。后续可继续调节关卡平衡、补充键盘可达性和更广…
• last beacon complete 基于 stackloomdev / Last Beacon 的 MIT 改编版，保留原作者署名。当前扩展采用 Canvas 2D，加入中文八章战役、简化微电网策略、章节解锁、存档与离线单文件交付；八章共享海岛布局，敌潮、供电约束和视觉主题逐步变化。 源码也能直接运行。需要…
• iron requiem A turn-based grimdark sci-fi skirmish game that runs in your browser. Lead the Ashen Templars, a small elite force, against the Gorehive…
• tea tower A one-thumb stacking game set on a tea terrace facing the Bosphorus. A brass tea hanger swings a tulip-shaped Turkish tea glass back and…
• Tembak Math Main sekarang: (bisa dipasang di HP lewat "Tambahkan ke layar utama", dan jalan offline setelah dibuka sekali). Game runner matematika…