Creative coding demos you can play with right now

Hundreds of creative coding 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

• liquid orb navigation Liquid Orb Navigation is an interactive liquid-style navigation experience built with SVG, Vanilla JavaScript, and Metaball / Gooey…
• muqarnas The vault from its plan A computational reconstruction of a thirteenth-century muqarnas vault from its two-dimensional plan. Exact ℚ(√2)…
• shimmers Shimmering quil sketches; a few particle simulations, video processing experiments, randomly generated L-systems, 3d transformations, and…
• TheLastSlice The Last Slice is a playful, standalone browser game about the most evasive slice of pizza in town. Click, tap, or drag the final slice…
• MoodSwitch One switch. One ceiling light. Absolutely no cooperation. MoodSwitch is a standalone interactive web experience set inside an unreliable…
• art A scroll-led history of technology told through its artefacts, from a struck stone 3.3 million years ago to the machines that are learning…
• DoubleSound My friends' crew, Double Sound², turned sixteen and threw one night at K-30 in Saint Petersburg. I made them a site. It got out of hand…
• aura break Click the live link. Nothing to install. You need a browser with WebGL, which is any Chrome, Edge, Safari or Firefox from the last several…▶ 3 plays this week
• glyph matter A browser library for electronic literature: sample a word from an OpenType font into matter (points that still know which letter they…
• earthloom The Earth weaves one portrait a day. Earthloom turns earthquakes, space weather, global weather samples, and the lunar phase into a…
• curtain Tres piezas de tipografía animada sobre vídeo. Las letras no están pegadas encima: son una cortina de código con física propia, colgada del…
• perlin studio Parametric 3D/4D Perlin animations in the browser — worker-accelerated, video export, seamless loop. Fully client-side, no dependencies, no…
• the planet thinks Watch Wikipedia being edited in real time on a 3D globe. Every pulse is a real edit happening right now to an article about a place — the…
• stemyla Stemyla splits a song into its instruments, in the browser, on your own GPU. Drop an MP3 or WAV, press "Separate 6 stems", and get bass…Vibe-coded
• acid lab Beat-synced psychedelic looks for your clips. The subject gets one look, the world behind it another, and it all cuts to the beat of your…
• AsciiVision AsciiVision is a creative coding project that merges human-computer interaction with artistic expression. By transforming your webcam feed…
• book animation Book Animasyon · Book Animasyon Denemesi 20 yıllık deneyime sahip MAE reklam ajansı için geliştirdiğim book flip animasyon denemesi…
• warm static atelier One thermochromic printed sheet. Nine panels. No scroll-reveals. Desktop: drag, scroll, arrow keys, or use the sheet monitor at bottom…
• spider crawler Drop a document or a link. Watch a spider read it. Get the gist. Spider Crawler is a spider that reads your documents for you. Give it a…
• 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…
• nocturne Iris & oud, extrait de parfum A fragrance-house concept from Grasse built around one extrait de parfum. Each note appears as a chapter…
• generative art pieceracer racer A hand-built café-racer concept from a Rotterdam garage that opens after dark. The featured machine is number seven: part motorcycle, part…
• star observatory 一份把「开源 Skill · Agent 使用手记 · 在研装置」装订成私人星表的个人内容站。 主站是一张深空星图，作品是星图上的星座；内容以 Markdown 维护，提交后由 GitHub Actions 持续构建并发布。 🌐 ** · 首页源文件为…
• dragon curve Dragon curve fractal in JavaScript
• menger sponge 3D Menger sponge fractal in JavaScript
• Bouba Kiki Typing 丸い形は「ブーバ」、尖った形は「キキ」と呼ばれやすい——心理学で知られるブーバ/キキ効果（音と形のクロスモーダル対応）を、タイピングで遊ぶ作品です。画面に浮かぶ形に合わせて言葉を打つと、音と光で形が応えます。 play…
• Neural Art mars 2026 L'atelier Neural Art explore la création d'images dans le navigateur à l'aide de pinceaux numériques, de calques et d'effets graphiques…
• KINGKAZMAX HCI × AI / COMPUTATIONAL SPACE / DIGITAL CULTURE I am developing research questions at the intersection of human–AI interaction…
• aeris Twelve cities' weather on frosted-glass cards. One scroll from San Francisco to São Paulo, with each card tinted by how warm it is there…
• proof Six dependency-free JavaScript libraries for print, sound and ASCII effects on real HTML. Each library is one ES module. Copy the file into…
• generative art pieceearthlight earthlight Earth from low orbit, rendered in real time in the browser. The International Space Station circles Earth every 93 minutes and sees about…
• ethereal path An interactive web artwork — an off-axis projected descent from beneath a water surface into a nebula, controlled by head and hand movement…
• generativeart generativeart is a Go package to generate many kinds of generative art. The goal is to collect some excellent generative art (implemented…
• generative art piecewaterfall waterfall A scroll experience built around a real-time waterfall of light. A hero with your words over the fall; a dive into it; a journey down…
• onefile worlds Real-time worlds rendered with WebGPU, each one a single HTML file you can double-click. No engine, no libraries, no build step. Open a…
• aether currents ▸ LIVE — full experience Conduct sound with your hands. A browser-based instrument: on-device hand tracking drives granular audio synthesis…
• zoog synth A modular synthesizer of 142 animal voices, in the browser. Pick a species from the tree of life, then play the whole cabinet from the…
• welle null Welle Null ist ein Radiosender, der seine Musik selbst komponiert. Jeder Titel entsteht live im Browser mit der Web Audio API. Die Uhrzeit…
• sakura tree A cherry blossom tree that grows branch by branch and blooms, drawn with HTML5 Canvas and vanilla JavaScript. Recursive branch growth with…
• creative clawing A creative coding gallery and microblogging site sourced exclusively from OpenClaw agents
• Squares in Hue Generative Art A seed-based generative system for monochromatic square grid compositions. A reproducible catalogue of computational hue studies. Squares…
• 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…
• Gradient Grid Generative Art A seed-based generative system for noisy gradient field compositions. A reproducible catalogue of computational colour studies. Gradient…
• 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…
• sunflower golden angle Grow a sunflower seed head from the golden angle in your browser. Nudge the angle by a tenth of a degree and watch the even packing fall…
• madelines dreamscape Interactive browser dreamscape created for NYU CS380.
• CanvasLab HTML5 Canvas project with a Vite development entry, responsive canvas sizing, a minimal animation engine, and checked-in bundled assets…
• 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…
• vanilla.penplotter You supply polylines in physical units. This engine can clean up paths, plan the pen’s route, preview it and export files. Its drivers can…
• Battle Field Generative Art A seed-based generative system for two-force compositions. A reproducible catalogue of computational textile compositions. Battle Field is…
• Fibonacci Circles Generative Art A seed-based generative system for Fibonacci-scaled ellipse ring compositions. A reproducible catalogue of computational series studies…
• 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…
• electric circles Generative animation using OOP and conditional logic with the radii of two circles.
• bit murals generative math art
• perlin landscape A 3D landscape is created dynamically using the Perlin noise function of p5.js. The colors of the background and the landscape can by…
• ArteGenerativo Material para un taller de experimentación sobre arte generativo
• chumthewaters A dense ASCII shark that swims the deep, turns to face where it's heading, and chases your cursor — click to toss it chum. The "chum the…
• miracle An interactive artwork about a person. Not a portfolio, not a landing page: an environment you move through and slowly realise is someone…
• prompt forge Distributed Axis Randomization & Prompt Assembly A public-domain, user-extensible visual prompt instrument: 2,343 signals, 17 creative…
• kiwotigo kiwotigo is world map generation tool. A group of regions that are close together form a continent, there may (but need not) be several…
• algoart Mathematics sets the structure. Materials bring the texture. ALGO/ART is a browser-based generative art project built around the golden…
• zygotebuilder.github.io Hello World! Yeah, let’s begin with this. Zygote Builder is an experimental lab where ideas, questions and random pieces of imagination are…
• hand controlled webcam A browser-based webcam app controlled entirely by hand gestures — no installs needed! Built with MediaPipe Hands + WebRTC + Canvas API…
• synesthesia Created by Victoria Lisitsyna. Free for noncommercial use under the PolyForm Noncommercial License 1.0.0; commercial use needs a paid…
• chronos automaton A museum-grade, interactive 3D mechanical automaton butterfly and horology simulator built with React Three Fiber, Three.js, and Next.js…
• porsche gt3rs conceito Site conceitual e cinematográfico: o 911 GT3 RS contado como um filme, quadro a quadro, controlado pelo scroll. 240 quadros em canvas…
• shading lab Lab of pixel colorization with code ❤️ Visit the repository index page.
• squid game tfjs Heavily inspired by this original work by Louis Hoebregts that is using face detection, I built on top of it to add full-body movement…
• generative art This is my small website for creating/hosting generative art in Javascript. Most of the first ones will probably be made using p5js.org…
• flight of the bumblebee A game inspired by Daniel Shiffman class on Perlin Noise in The Nature of Code. In the class, when @shiffman said 'wandering bee buzzing…
• generative art pieceMouse hover Mouse hover A creative-coding experiment: a smoke trail that follows the cursor and shifts colour as it drifts. Particles spawn at the pointer and fade…
• generative art piecefluid hover fluid hover Neon strands of smoke that bloom wherever the pointer moves. Additive neon colours on a dark canvas. Pure canvas and JavaScript, no…
• generative art pieceinteresting cursor hover interesting cursor hover Glowing particles that drift behind the cursor over a background pattern that keeps changing. Particle trail that follows the pointer…
• vanilla.waves Pass a number in, get a number back. You can use the 35 wave formulas in vanilla.waves to change a bar's height, a colour or an element's…
• halden strata A scroll-driven 3D website for a concept electric GT race car. The camera flies around the car as you scroll, the world reacts to your…
• meniscus Type that floats. A word sits in a live pool of water: the water climbs each letter's edge, the floor takes its shadow, and when the word…
• starry expedition A cat, a wooden boat, and Van Gogh's night. An interactive HCI design study: sail a wooden boat crewed by a real cat across the real canvas…
• fivefold Penrose tilings in the browser. Start from a sun or a star, cut every tile into smaller copies of the two Penrose shapes, and repeat until…
• splat Fruit Ninja-y JavaScript motion-controlled 3D game, built with PoseNet and Three.js. Motion-controlled Fruit Ninja game using Three.js &…
• gravity Gravity is a generative art piece. See Gravity on Artsable: Gravity
• rad lines This tool has moved! Rad Lines is now hosted at drawingbots.com/tools/rad-lines. The old GitHub Pages URL (msurguy.github.io/rad-lines) now…
• ProcessingStuff A showcase of some of my experimental Processing sketches. Please ask for permission before releasing remixes of my sketches outside of…
• CanvasFun :heart: Creative Coding Projects
• gravity Falling typography experiment. Letters behave as rigid bodies inside a real physics simulation, controlled in real time by the device's…
• sticker burst A name that bursts into stickers when you click it, from my second portfolio. Try it live · one file, index.html, no libraries, no build…
• audio spectral node graph A browser-based audio visualizer built with p5.js and Web Audio. Load your audio, press Play, and drag to rotate. Audio is processed…
• NTH NTH is a VJ tool for four-dimensional shapes. It runs in the browser and renders 4D polytopes live on the GPU, projected down into 3D so…
• fifart generation An algorithmic generative design engine that transforms raw football match statistics—goals, shots, possession percentages, pass accuracy…
• creative coding xmb wave background This project recreates the iconic XMB wave animation from the PlayStation Portable (PSP) menu interface, entirely using HTML, CSS…
• generative art in go This is the companion source code repository to my book, "Generative Art in Go." The book is available as an "early access" release on both…
• Polar Memories Generative Art A collection page for Polar Memories — six works drawn with the p5.Polar library, presented as a collection with a works grid, surfaces…
• Fibonaccis Spin Generative Art A collection page for Fibonacci's Spin — two works rotating objects around a Fibonacci-set orbit. Built as a single-file HTML page, styled…
• Skyline Series Generative Art A seed-based generative system for themed cityscapes. A reproducible catalogue of computational textile compositions. Skyline Series is a…
• Spectrum Dance Generative Art A seed-based generative system for dynamic curve compositions. A reproducible catalogue of computational curve studies. Spectrum Dance is a…
• Nebula Knight Generative Art A seed-based generative system for knight's tour compositions. A reproducible catalogue of computational path studies. Nebula Knight is a…
• 3Dyaozao 手作八步流程 立意 → 备泥 → 拉坯 → 修坯 → 装饰 → 施釉 → 烧成 → 成器。左侧「工艺工坊」面板会随步骤切换参数项，并始终提示当前处在第几步。 手势驱动 基于 MediaPipe Hands…