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

• line game Line is work in progress video game that is a mixture of a side scrolling shooter and a rhythm game The game is currently set to run at a…
• fusegrid FUSE/GRID is a single-player, deterministic bomb-grid arcade you play in the browser. Flip REAL 3D ⇄ CLASSIC 2D from the cabinet menu, pick…
• ndshuge galaxy 一个可以漫游的个人项目入口：把游戏、学习工具、艺术实验与小作品连接成一片星系。 动态演示由真实浏览器连续截图合成，非概念动画。 进入星系 → · 互动艺术展厅 · GitHub 项目列表 SHUGE GALAXY 是使用 HTML Canvas、CSS 与 JavaScript…
• murmuration An interactive flocking simulation in the browser, built with plain HTML and vanilla JavaScript — no build step, no dependencies. Hundreds…
• cell lab Eight interactive simulations where every individual only looks at its neighbors. Each has just a few lines of rules, yet segregation…
• pyctures See them running in your browser, with their code → Nothing to install. Pyctures ("Python pictures") gives Python the full set of…
• sonic canvas 一个运行在浏览器里的本地音乐可视化器。把音乐文件拖进网页，它会把音频实时分解成低频 / 中频 / 高频能量与节拍，驱动四种可切换的可视化动画。 所有音频都只在你的浏览器本地处理，不会上传到任何服务器。 点击 Choose Music 选择文件，或把音频文件拖到页面任意位置。…
• Game Uno Untitled Game using HTML5 + Canvas + JavaScript + JQuery + CSS
• js game rendering benchmark This is a sprite-based performance test that compares a set of Javascript-based rendering/game engines that are currently maintained. The…
• tetris Gameboy made in JavaScript Tetris made in vanilla JavaScript using p5js as for graphics. it's made to look like the original Gameboy version(The First Tetris game)…
• cellularAutomata A cellular automaton (pl. cellular automata, abbrev. CA) is a discrete model studied in computer science, mathematics, physics, complexity…
• asteroids game Built with p5.js , Clone of Arcade Game : Asteroids (1979 Atari)
• uji A minimalist generative art thing – press the buttons and play with the sliders!* The interface is designed (or, rather, deliberately not…
• liquid shape distortions Create psychedelic animations in real-time in the browser. Webgl shader using liquid motion, distortion, shadows, and light.
• yellow ieung Interactive generative art exploring Korean letter 'ㅇ' (ieung) as glowing yellow stars in cosmic space. 28개의 노란 원(ㅇ)이 푸른 우주 공간에서 서로 다른 속도와…
• Happy Doughnuts A p5.js animated doughnut character demo with dance and formation controls.
• love Six generative cards in the browser — peony, constellation, heart, letter, fireflies, clock. Pass ?name=Anna&text=... in the URL and share…
• Creative Coding A collection of interactive, generative, and visual coding experiments built with p5.js. Welcome to my Creative Coding repository! This…
• seismic rings 把一段时间的地震画成一圈圈生长的螺旋——像树的年轮，记录一个地区的地震节律。实时拉 USGS 公开数据，单文件 p5.js，零后端。 轮播：日本近1年 → 2011 东日本大震（M9.1）→ 全球百年大震 M7+ → 加州近1年。切换地区/年份即实时重拉 USGS 数据重画。…
• Snake Game Webapp A classic Snake Game built with JavaScript using the p5.js library. Eat the food, grow your tail, and avoid colliding with yourself. Simple…
• pixel trail A pixel trail behind the hero, from miguelclavel.com. Try it live · one file, index.html, no libraries, no build step. Move your mouse…
• neon city strike یک بازی سایترپانک آره‌نا شوتر که کاملاً در یک فایل HTML جاسازی شده است — بدون نصب، بدون سرور، بدون اینترنت. کل بازی (شامل موتور three.js و…
• Drawing game A multiplayer, real-time collaborative canvas application that allows multiple users to draw, erase, and interact on a shared digital…
• spring physics simulation A small interactive spring-mass simulation built with plain HTML, CSS, and JavaScript. It renders a spring grid on a canvas, applies…
• firefly interactive 마우스를 움직이면 반딧불이들이 흩어지는 인터랙티브 캔버스입니다. 프레임워크 없이 순수 JavaScript와 Canvas 2D API만으로 만들었습니다. 방향 기반 떠돌기 — 각 반딧불이는 자기 진행 방향(각도)을 조금씩 무작위로 틀면서 움직여요…
• doodle heads Procedural characters in my illustration style, drawn entirely in code — not a single image. Move the mouse and they look at you. Hover one…
• fly game A small 3D arcade game about a housefly with poor life choices. You are a housefly loose in a kitchen corridor, and the kitchen has…
• akanji A microphone-reactive sound visualizer in the browser. Whatever your mic hears becomes real-time generative visuals — the more sound, the…
• iaskednothing I gave Claude an empty folder and complete freedom. No theme. No instructions. No stopping point. 54 things emerged. And a journal it wrote…
• fps 坚守阵地，抵御潮水般的敌人。 原创波次生存 FPS —— 基于 Three.js 的纯浏览器第一人称射击游戏，无需构建、打开即玩；同时提供 Windows 桌面版（Electron 打包）与 GitHub Actions 一键发布。 无限波次：敌人数量与强度逐波递增，定期出现…
• birodalmak A turn-based 4X strategy game — Civilization-inspired, running entirely in the browser. No engine, no framework, no build step: native ES…
• shooter game with p5js This is a simple 2d shooter game written on JavaScript and the p5.js library. Inpsired by the classic game "Space Invaders". Special thanks…
• jpc Generative art experiment in HTML5 Canvas by cazucito. JPCanvas renders abstract paintings by drawing thousands of random lines with…
• tide pixels A real-time ambient ocean canvas. The sky color, sun/moon position, moon phase, and tide direction are computed from your chosen city's…
• emergence 生成艺术系列 · "简单规则长出复杂形态"。每件一个算法，种子驱动、可复现、单文件（p5.js 走 CDN，需联网）。 视觉语言统一：近黑底 #0b0b0e + 同一渐变色谱（青→蓝→紫→粉→橙）+ 角落签名。每件 点击 / 空格 = 换种子重生成。 三件依次：生长 → 构造…
• cosmic nebula Seven living visual modes. Gravity that chases your finger. Supernovae you ignite with a tap. Built to feel effortless on a phone and fill…
• 3d sculpture A browser-based generative art tool for creating complex 3D sculptures using recursive algorithms. This application is built with vanilla…
• characterglitch Single-file HTML canvas experiments rendering real-time generative art with Unicode characters instead of pixels. Zero dependencies, open…
• chimes An interactive cultural curtain. Each country gets its own beaded doorway curtain — woven from its architecture, wisdom, language, and…
• webgl fractal explorer An interactive 2D fractal explorer that runs entirely in the browser. WebGL keeps navigation fast, while the JavaScript/Web Worker…
• marriage game ▶ Сможешь ли ты сохранить брак? Попробуй прямо сейчас No install. No account. Works offline. This game is built in the survival genre — and…
• Wandering Eyes Generative Art A collection page for Wandering Eyes — five works drawn with geometric primitives in p5.js, presented as a collection with a works grid…
• inkpeaks Real mountains, painted like the Song dynasty. Pick any mountain on Earth and the browser paints its real terrain as a Chinese landscape…
• forest drive A cozy, hand-drawn road trip that draws and scores itself. 100% procedural: no image files, no audio files, no dependencies. Export it as…
• Popsel Transform any photo into a mesmerizing popping-pixel animation video right in your browser. 🚀 Launch Studio (popsel.vercel.app) • ⭐ Star…
• timeless china A cinematic journey through China's greatest landscapes — the Great Wall at first light, Huangshan above a sea of cloud, the Li River, the…
• heliograph A fictional solar observatory in one HTML file: every visual drawn at runtime, no images, no build step. HELIOGRAPH is the Institute of…▶ 3 plays this week
• engines Selected procedural engines by Mateo at SyberLabs, with a self-portrait by Claude. Each engine is a single self-contained HTML file in…
• tlk ascii Image, video and text to glowing ASCII art. Free, private, no account. Open the app ↗ · Download for Windows · Türkçe TLK ASCII turns…
• hanxizai 在线体验： · 项目介绍页 · 无框架、无构建、无网络请求，双击 index.html 也能跑 An interactive, walkable handscroll of Han Xizai's Night Revels (五代 · 顾闳中): five scenes…
• WebCrawlerMY English: An interactive cyber-mechanical Web Crawler & spider simulation built with HTML5 Canvas, Inverse Kinematics (IK), radar scanning…
• birthday game A 2D side-scrolling endless runner built entirely with vanilla HTML5 Canvas and pure JavaScript. Zero external assets — every character…
• suantianji 然后打开 。直接双击 public/index.html 不行，浏览器不允许 file:// 页面读取签诗数据。 本地调用 Workers AI 也会走你的 Cloudflare 账户。 不建数据库、不配 AI binding…
• ember drift An interactive particle field built with vanilla JavaScript and HTML Canvas, featuring flowing noise-based motion, cursor interaction…
• somewhere Procedurally generated watercolor paintings of places that feel familiar. Every painting is a new building, designed from the architectural…
• Fixed Wave Generative Art A seed-based generative system for animated wave-equation compositions. A catalogue of computational textile compositions for fashion…
• toran A toran is the garland of marigolds and mango leaves hung over an Indian doorway on festival days. This one hangs in your browser. Brush it…
• MotionLab Conceived, Designed & Developed by Teja Priyan 🌐 Live Web Application: ** "Your movement becomes the animation." Motion Lab is a…
• particle type Type anything. Watch thousands of glowing particles fly into place and spell it out. Particle Type is an interactive typography toy that…
• Ephemeral Whirls Generative Art A seed-based generative system for tangled looping line compositions. A catalogue of computational textile compositions for fashion…
• Jelly Fish childen game An immersive, interactive jellyfish ocean — pure vanilla Canvas 2D, zero dependencies, zero build 👆 Click the image to open the live demo…
• 42 orders of magnitude One web page that zooms, without a cut, from the edge of the observable universe (8.8 × 10²⁶ m) to the inside of a proton (1.7 × 10⁻¹⁵ m)…
• pocket weather world Your city’s weather, reimagined as a tiny living island — with generative ambient sound. Try it with sound → · Sound starts when you turn…
• 1001moons 开场是一轮月亮的特写，镜头一路往后拉，才发现它只是 There are a thousand and one moons tonight 末尾的那个句号，句号里装着一整片夜空。…
• generative art pieceneon maze neon maze An animated neon isometric maze rendered in real time on an HTML5 canvas — glowing cyan-to-magenta isometric "pillars" that pulse and…
• metaware logo particles An interactive canvas particle animation that renders the Metaware logo ("meta" in white, "ware" in teal #00E6AE) entirely out of thousands…
• design tool A live, interactive generative ASCII-art design tool built with Next.js. It renders animated canvas patterns composed of ASCII characters…
• wireframe dot matrix globe An interactive 3D wireframe Earth rendered as a halftone dot-matrix on HTML canvas — drag to rotate, scroll to zoom, watch it spin. Built…
• Walking Pi A walk driven by the digits of π, other famous numbers, formulas and large primes. The walker moves on square, triangle or hexagon tiles…
• MattPaint A pixel-perfect recreation of Microsoft Paint (Windows 10) for the web. Built with pure vanilla JavaScript, HTML5 Canvas, and CSS - no…
• interactive birthday webpage An enchanting, production-grade Interactive Birthday Celebration Web Portal built with vanilla HTML5, CSS3, JavaScript, and HTML5 Canvas…
• perlin flow field Perlin 3D 噪声流场：手写 Improved Noise，置换表由随机种子派生；第三维随时间缓慢漂移，流场持续演化。 5000–11000 粒子：Float32Array 存储，按 16 个色桶计数排序后批量描边（每帧仅 16 次 stroke），lighter…
• Krishnastmi An ethereal, interactive 3D WebGL digital sculpture capturing the supreme divine bond of Little Radha Ji and Little Krishna (Jugal Jodi)…
• crayon nocturne 这是一次使用 Opus 5.5 进行的生成式创作实验：动画和音乐全部由模型生成，最终呈现为一个可以直接在浏览器中运行的 HTML 文件。 作品名为 Crayon Nocturne（蜡笔夜曲），页面保留原作标题《Clawd 的夜曲 · Nocturne for a Sleepy…Vibe-coded
• ChaotiColor Generative Art A seed-based generative system for cellular automata patterns. A catalogue of computational textile compositions for fashion, textile and…
• Baroque Me Baby Generative Art A seed-based generative system for baroque-style geometric ornament. A catalogue of computational textile compositions for fashion, textile…
• equation painter Upload a picture and get it back redrawn from soft ellipses, with the full formula that paints every pixel written underneath, in the style…
• slipstream A live wind tunnel in your browser. A real-time fluid simulation of air flowing over a hand-drawn sports car, in a single HTML file with no…
• Fireworks 浏览器里的程序化烟花秀 —— 配色、发射点、爆心、花型、寿命、尾迹全是随机生成的。 单文件、零依赖、离线可用：打开网页就能放。 种子是玩法的一半。 ?seed=7 这样的数字种子每次都会放出同一场，可以贴在链接里发人。…
• wallume 216 living scenes that react to your touch. Pick one, play with it, tune it, then export a pixel-perfect wallpaper for your phone, tablet…
• seedplot A drawing machine that works from a seed. Pick a style, type any seed, and watch the picture draw itself. The same seed always draws the…
• ukiyo tide A living woodblock print drawn entirely with JavaScript. A generative print in the manner of Edo-period ukiyo-e: a great wave, a red sun, a…
• kaleidoscope A high-performance, real-time Digital Kaleidoscope Web Application built with Vite, modern HTML5 Canvas 2D/WebGL rendering, Tailwind CSS…
• ascii terminal Turn any image, GIF, or video into animated ASCII art — rendered live in a retro CRT terminal, then copy-pasted, shared, or exported…
• ardentia Ardentia: o nome que os pescadores dão ao brilho que a água solta à noite quando o barco corta o mar. Um mar noturno que roda no navegador…
• morphogen An interactive reaction-diffusion pattern lab in the browser. Paint a few seeds, tune the feed and kill rates of the Gray–Scott model, and…
• wax and water Vanilla JavaScript + Canvas 2D · Zero Runtime Dependencies · Runtime-Generated Water Effects Wax and Water is an interactive 2D web…
• love in shapes A live, ever-moving showcase of love symbols. About 1,500 glowing particles flow along a shape, then dissolve and reform as the next one…
• quantum garden 《牡丹亭》× 量子观测 × 浏览器交互装置 一次由观看触发的游园：园林未先存在，人物未先定形，结局也不在入口处写好。 《量子游园》是一件八幕浏览器交互作品。它从汤显祖《牡丹亭》的“游园、惊梦、寻梦、写真、离魂、拾画、幽媾、回生”中抽取一条情感路径，再把观测、坍缩、退相干、不可克隆…
• browser experiments Interactive simulations & generative toys, each a single HTML file — gravity, evolution, cellular automata, 4D, neural nets and more.
• pliny game lab "Natura nihil frustra facit, omniaque ad ordinem componit." "Nature does nothing in vain, and arranges all things according to order."…
• Be my valentine An interactive and cute Valentine's Day web proposal! Features a dynamic cloud-painting canvas background and a mischievous "No" button…
• fireflies ### A sky full of drifting light. Hundreds of tiny helium sky-jellyfish — glowing bells with swaying tendrils — let go into the dusk air…
• collatz coral so take any number, and if it's even you halve it, if it's odd you triple it and add one, and you just keep doing that. every single number…
• ma koi pond An interactive web essay about ma (間), the Japanese idea of purposeful empty space, built as three watercolor koi ponds sunk into a paper…
• fluid lab 纯 JavaScript、零依赖的二维流体模拟。 打开网页就能用鼠标搅动一缸会流动的彩色墨水—— 背后是每一帧实时求解的 Navier–Stokes 方程,而不是预设动画。 整个求解器约 300 行,不依赖任何数学库,可以在读一遍之后完全理解。 控制台里的涡度增强最值得玩:调到…
• escapement Machines, drawn as dots. Gears meshing at the ratio of their teeth, an anchor escapement letting the wheel slip a tooth every half swing…
• swell Water, drawn as dots. Surf rolling in and breaking on the sand, waterfalls tearing into mist, geysers on their own clocks and fountains…
• beatscope Turn a song into a beat-synchronised film — or give its timing to a coding agent. BeatScope listens for beats, real transients, energy…
• ignis Fire, drawn as dots. Flames that rise, cool and fade, embers that break loose and ride the wind, smoke that carries on up after the light…