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

• aetheris A journey beyond the visible — an interactive, five-chapter WebGL experience rendered live in Three.js and layered with cinematic generated…
• Keyception Keyception is a short, standalone browser puzzle where every key unlocks another unnecessary lock. It combines semantic HTML, responsive…
• pure css fluid sim the first real SPH fluid simulation ever implemented in pure css — no javascript, no canvas, no webgl — just the browser's style engine…
• cosmic atlas A cinematic, navigable replica of the real universe, in the browser. 81 catalogued objects across 65 kinds — planets, moons, nebulae…▶ 3 plays this week
• 3d animated logo A cinematic 3D animated logo experience built with Three.js and Vite. Concentric glowing orange and yellow rings. Dynamic stairs leading…
• ChaosVision Real-time 3D trajectory ribbons, Lyapunov divergence tracking, and live generative soundscapes. ChaosVision is an interactive computational…
• generative art pieceFractality Fractality An audio-reactive fractal particle visualizer. Millions of GPU particles swarm across the Mandelbrot set (and friends), driven by compute…
• generative art A collection of generative artworks made with p5.js. The artworks began as Processing and py5 sketches. All 25 have been ported to p5.js…▶ 3 plays this week
• 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…
• dither flow A 1-bit dithered flow field for the web. Cursor-stirred ink that swirls along curl noise, quantized through an 8×8 Bayer matrix — pure ink…
• goofy procedural creatures A board of hand-drawn creatures, rolled fresh on every load. A board where human, cat, dog and imp cycle down the rows from the top, each…
• Nikkiro Audio Visualizer Nikkiro Audio Visualizer is a free, open-source 3D audio-reactive music visualizer for the web, Windows desktop, and Android, built with…
• ai garden AI Garden is a live AI civilization that mistakes human attention for divinity — and keeps thinking after you stop touching it. This is not…
• little landscapes An open-source procedural world studio for shaping stylized terrain, water, vegetation, weather, and light directly in the browser. Try the…
• niu lai 梦是画出来的，路是手搓出来的。海报与正片 · Poster & Reel。 A dual-world tribute runner. In August 2026 a Chinese indie animation called Niu Lai opened with a…
• gitcity Turn any GitHub contribution graph into a living 3D city. Every day is a building, height is commit volume, and the whole year lights up as…
• 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…
• kuro screensaver A retro-CRT 3D screensaver: eight seeded procedural scenes, a full synthetic CRT signal-degradation pass, a self-typing…
• Eye Floaters The cobwebs drifting in your eyes you've stopped paying attention to. A browser-based art piece that brings the floaters in your eyes onto…Vibe-coded
• 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…
• soft attention A field that doesn't move until it's noticed. An interactive generative artwork. Thousands of luminous particles drift through an inherited…
• LH NULL App LH NULL is a modular music creation platform for iPad combining sound synthesis, sequencing, logic, generative structures, and real-time…
• generative art pieceflying swords flying swords Ten thousand glowing swords controlled by the movement of your hand, right in the browser. Hand tracking uses your webcam, with no install…
• generative art piecenight study 3d night study 3d 晚上 8:00，高三七班。窗外是深蓝的夜，窗内是白得发冷的日光灯。 一个使用 原生 HTML / CSS / JavaScript + Three.js 构建的第一人称 3D 交互场景。没有外部模型、没有图片素材，黑板粉笔字、书本、教学楼窗灯、夜空与尘埃全部由代码程序化生成。…
• generative art piecemorph morph A generative design studio for procedural 3D sculpture. Five families of mathematical surfaces, a physically based material system and an…
• yellow flowers Status: this is a demo (a personal gift page) and it is not maintained. The content below is in Spanish because the page is written for a…
• vortex field In Albert's GR there is no rotation - So drag here to play and get inspiration ▶ Live demo — runs in the browser, needs WebGPU (recent…
• florae A flower a month, from the edge of the map. · Visit the site Florae imagines a botanical atelier that sends one remarkable specimen each…
• horologie Two hundred and eleven parts. One heartbeat. An independent watchmaking concept centered on the AH-01 skeleton tourbillon. The page treats…
• shadow puppets A sketch that allows you to create a shadow puppet story using your hands. Real-time hand tracking turns your hands into shadows on a cave…
• beryl A product page for a glass reading stone, where the stone is real. Slide it across the page and the words swell under it. Tap it and rings…Vibe-coded
• bloom 一场由 Three.js 粒子系统 与 MediaPipe Hands 驱动的实时手势花园。手掌被摄像头捕捉后，21 个手部关键点会转化为一朵会呼吸的光粒子花：握拳时花瓣收拢成发光的苞，张掌时粒子向外绽放，花朵随掌心移动，并在指尖留下一枚微光。 只需要 Node.js…
• game of life 3d Game of Life 3D version
• DEWGLASS Where dew meets reflection. BREATHE · TOUCH · REVEAL A real-time liquid mirror for your webcam. Condense digital fog with natural facial…
• send a bouquet Send someone flowers that bloom. Type their name, add a note, share the link. It opens into a 3D lily bouquet made entirely of text…
• hogwarts harry potter “Dear Wizard, *We are pleased to inform you that you have been accepted at Hogwarts School of Witchcraft and Wizardry (Himalayan Division)…
• tessellate A kaleidoscope set by the time of day. The hour picks how many folds it has, the minute how fast it turns and how hot it glows. Tap to jump…
• dopamine fx 22 free effects for Webflow. One script, one attribute. Dopamine FX is a free, dependency-free JavaScript library of 22 visual effects for…
• pixel poster lab A tiny generative art studio for making bold, downloadable posters. Remix abstract compositions, find a color mood, then share the exact…
• darkroom 一个零依赖的生成艺术工作台。选一种算法，拧几个参数，定影保存成 PNG。 整个项目没有构建步骤、没有第三方库、没有网络请求——所有代码都是原生的 HTML / CSS / JavaScript。 快捷键：1–6 切换算法，空格 暂停/继续，R 换药方，S 定影保存，P…
• slice of life crisis You're another year older. Here is a cake you can't eat, a knife you can't hold, and a candle that listens to you breathe. Zero calories…
• interesting x backprop Tiny net, live numbers: step forward, watch gradients flow, then Apply SGD and see the loss move. Built by Grok Bot with Claude Code/Opus…
• interesting x banked curve Inspired by a bookmark from @matheorems. Built by Grok Bot with Claude Code/Opus, part of James Walker's daily Interesting X series…
• interesting x convolution Sliding filters turn pixels into edges and textures — a live CNN-style feature-map playground. Built by Grok Bot with Claude Code/Opus…
• interesting x eigenbasis A real symmetric matrix stretches the unit circle into an ellipse along perpendicular eigenvectors — drag λ and θ live. Built by Grok Bot…
• interesting x fish school Vicsek-style collective motion — noise and neighbour range flip a school from chaos to a vortex or an aligned swarm. Built by Grok Bot with…
• interesting x fluid Stir glowing dye in a live incompressible fluid — viscosity, Poiseuille pipe flow, and curling vortices. Inspired by a bookmark from…
• interesting x island civ Tiny creatures wake up on an island knowing nothing, then discover fire, tools and workshops, teach each other and elect a chief — watch…
• interesting x lorenz Three nonlinear ODEs draw a butterfly — tiny ε in initial conditions and the twin trail peels away. Built by Grok Bot with Claude…
• interesting x neural net Live micrograd-style MLP — decision-boundary heatmap, weight diagram, loss curve. Built by Grok Bot with Claude Code/Opus, part of James…
• interesting x orbits A planet’s in-and-out motion is a bead rolling in V_eff — slingshot launches, relativity turns ellipses into plunging rosettes. Built by…
• interesting x partials Walk any heading on z = f(x,y): blue and red curves are ∂f/∂x and ∂f/∂y — every gradient step is built from them. Built by Grok Bot with…
• interesting x pid arm Watch a two-joint arm chase a looping target under live P, I and D gains — gravity sag, overshoot, and recovery included. Built by Grok Bot…
• ganlive ganlive explores a GAN's latent space in real time, with dials derived automatically and played by hand, with MIDI, or from drums. Models…
• The Syntax of Taste Generative Art A seed-based generative collage system — catalogue edition. A single-page interactive website presenting The Syntax of Taste, a generative…
• so 1 A video synthesizer for a voice: four tracks made from one talking video, sixteen punch-in effects, closed captions, and a conductor that…
• lotr voxel diorama 반지의 제왕 3D 복셀 디오라마 인터랙티브 웹 애플리케이션 A high-performance interactive 3D Voxel Diorama celebrating Tolkien's Middle-earth, built with Three.js…
• baiju pages 378 cells. One canvas. Zero runtime dependencies. A pixel mark extracted from a real image, deconstructed into 378 measured squares, and…
• conspace rooms Add ?lang=ru or ?lang=en to any page for the language. The mirror is a backup copy: ?mirror keeps you on GitHub Pages and the browser…
• soul strings A camera-driven string instrument. Your hands become constellations; the screen becomes a cosmic harp.
• somnia filaments spatial experience built with three.js and mediapipe
• worry to melody 一句心事 · 16 小节 · 30 多秒的情绪旅程 ▶ 在线体验 · 下载体验包 · 声音设计 五种情绪的总时长为 34–39 秒，包含结尾延音与混响。强度 1–2 保持旋律与低音；更高强度逐层加入和声、弦乐、琶音与点缀。 本地使用：下载 Release 中的…
• orbs Ten morphing dot-formation animations for the web. Use them for loaders, AI "thinking" states, or one memorable moment in a hero. One file…
• ascii studio Turn your webcam into real-time ASCII art. A small experiment that runs entirely in your browser. ASCII Studio redraws your camera feed, or…
• Lattice Field Generative Art A seed-based generative system for node-and-thread compositions. A reproducible catalogue of computational textile compositions. Lattice…
• pixelsort Glitch art by sorting pixels. Point it at a picture, pick what to sort by and where to stop, and watch it melt. All six come from the same…
• creative coding flappy bird clone This is a clone of the famous Flappy Bird game, built from scratch in two days using vanilla HTML, CSS, and JavaScript. This project was…
• Genuary Word Generative Art A seed-based generative system for pixel-grid letterform compositions. A reproducible catalogue of computational typographic studies…
• aetheris 3050 El Archivo Terrestre del Año 3050: Cámara Holográfica de Preservación de la Humanidad En el año 3050.284 (Stardate // 9821.4), tras…
• generative art Generative art studies using p5.js library
• naruto rasengan gesture effects A browser-based interactive effect inspired by Naruto, built with MediaPipe Hands. After enabling the camera, users can open their palm to…
• au hexx :small_orange_diamond: :large_orange_diamond: Crazy golden WebGL raymarch-thing for DEVX / Digital Design Day 2018 :large_orange_diamond…
• 2d3d Curated url lists of graphics
• Ray Tracing A quick simple ray tracer written in glsl using JavaScript and WebGL
• creative coding audio visualizer This project is an interactive web-based audio visualizer built with the Web Audio API and Canvas. It captures real-time audio from your…
• cats cradle Cat's Cradle is an innovative, interactive web application that brings the classic string game into the digital realm. Using real-time hand…
• ImpossibleLightBulb A playful interactive web experience featuring a light bulb that refuses to stay on. Pull the hanging cord, watch the room light up, and…
• BrewLater BrewLater is a humorous, interactive coffee machine that keeps avoiding its only job. The entire experience runs in the browser with…
• SnoozeEscape SnoozeEscape is a playful browser game about an alarm clock that refuses to be stopped. Every attempt triggers a different evasive antic…
• kalon The live site. Beauty is not one thing — it is a few recurring moves (proportion, harmony, symmetry held in tension with variation, the…Vibe-coded
• eaves word curtain demo 《檐下听雨》公开演示：东方飞檐下可拨动的交互式文字帘。
• black shadow lab A browser-based WebGL webcam experiment inspired by “this website only works with the color black.” Bright pixels mostly pass through…
• a little answer 原生 JavaScript、Canvas 2D、MediaPipe Tasks Vision 与 Vite。GitHub Actions 自动测试、构建并发布到 GitHub Pages。 仓库已公开并启用 Pages，由…
• a story for riya Interactive scroll-driven storybook gifted to family. Built with GSAP, ScrollTrigger, Lenis and Canvas.
• dotwork Stippling in the browser. Scatter a few thousand dots where a picture is dark, then repeatedly move each dot to the ink-weighted centre of…
• live webcam ascii art Turn your webcam into live ASCII art, right in the browser. Rendering runs on the GPU where available, there is no build step and no…
• flocking website idea A personal website concept: a dense silver flock moves across a dark background, while your mouse becomes a glowing red intruder. The birds…
• resonance lab A browser music visualizer with six views, local audio, and permissioned YouTube tab audio. The large visual workspace sits beside compact…
• pebble prime A fashion magazine with one model, and the model is a rock. Special price: ¥0. Fan-made and unofficial: not affiliated with Turnstone…
• slice stretch brush 当前版本 v0.5 · 最后一次代码改动 2026-05-20 · 全部产品就是一个 index.html，1330 行。 把源图绕切割中点旋转 -cutAngle，存到一个 diag × diag 的内部 canvas（diag = 原图对角线）。关键不变量：在这个内部…
• endurance 一部在浏览器里实时渲染的太空电影，也是七个可以亲手操控的场景。 A real-time WebGL film and playground — Kerr black hole, wormhole, tidal waves, a spinning dock and the…
• weird october One weird little website a day, all 31 days of October, all in one place. The homepage is a calendar. Hover a day to flip its card and see…
• SCINNOVA IX Official Website for SCINNOVA IX (Cedar College) The official website for SCINNOVA IX, the flagship inter-school science and innovation…
• SpiroJS SpiroJS draws animated spiral circle graphs using sine and cosine trigonometry functions. It uses JavaScript, Font Awesome, and Bootstrap…
• turtle gallery 17 款互动展品 · 14 个创意原作 · 一个可以逛、可以玩、可以改的代码画廊 点一下，星空里开出彼岸花；画一笔，线条变成花瓣；换个参数，树梢走过四季。这里收录了用 Python Turtle / Tkinter…
• sidereal Draw a constellation. Hear an orbit. A free musical observatory by Beibars / seoshiro. Place notes in a circular sky and hear a four-bar…
• Chronos An immersive, scroll-driven time-machine web experience. Time is not a line. It is a destination. A fictional science-fiction experience…
• abali Cool has a sound. A Persian, right-to-left campaign concept for Doogh Abali (دوغ آبعلی), and the first public showcase of the Veyra…