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

• fluid light 👉 立即体验 Fluid Light 官网 Fluid Light 是一家专注于概念艺术与数字创意的工作室。我们相信，艺术与技术的结合能点亮每一个灵感瞬间。无论是游戏、影视、动画还是品牌视觉，我们都能为你带来独特的视觉盛宴。 🌈…
• 3D animation A 3D generative art animation piece, built with P5.js
• copland See it in action at This little music-making experiment encourages the user to create patterns by clicking boxes which represent different…
• p5js shaders Shaders are a great way to make graphics for your projects. So far you have probably made graphic shapes like rect() or ellipse() or maybe…
• magic circle We all need extra tooling while developing creative coding projects. It's always hard and time consuming to make our own UI for every…
• tower or tunnel p5.js animation loop with optical illusion.
• helios A scroll-driven 3D voyage through the solar system. A cinematic WebGL film plays under the page as you scroll start at a spiral Milky Way…
• aether An interactive single-page site for a fictional high-altitude research station, built so that everything on screen is computed from the…
• dunhuang sky 一个以唐代敦煌星图为主题的沉浸式交互网站。 掌一盏长信宫灯，照见一千三百年前的星空写本。 敦煌星图出自敦煌莫高窟藏经洞，绘于唐初（约公元 649–684 年），是世界现存最古老、星数最多的全天星图之一。全卷先列云气占文，再按太阳一年行经的“十二次”把赤道一带分成十二段，各配星图与…
• BlitzText Anime lightning strikes your wordmark, sparks rain down and an aurora ignites underneath. Type anything, pick a strike, share the link or…
• letters become the sea An ocean made of words. White characters drift and settle into a grayscale boat silhouette. Built with p5.js and a simple mapping from…
• p5js projects This repository contain a lot of (eventually) my interactive and generative art examples.
• Chain Reaction The android game - Chain Reaction using p5.js
• threejs vanilla holographic material A simple to use holographic material for threejs Dive into a world of mesmerizing holographic wonders with the HolographicMaterial for…
• Magic Eraser p5.js experiment with erasable createGraphics() layer.
• Truth Bomb p5.js animation of strings expressing 100 human emotions.
• Out of Space Visualizer To what extent will development in technology create new ways for ads to intrude into our lives ? Are we moving towards a dystopian future…
• Chladni Move mouse cursor to change the pattern params, and keys to change view options. This sketch uses this approximate solution by Rian Hunter.
• glas WebGL in WebAssembly with AssemblyScript. This is a work-in-progress port of Three.js, a JavaScript 3D WebGL library, into AssemblyScript…
• strange equilibria An interactive generative-art piece: a strange attractor — a single point governed by four constants — is iterated millions of times and…
• pixel dissolve A pixel dissolve from light into dark, from miguelclavel.com. Try it live · one file, index.html, no libraries, no build step. The light…
• p5.book p5.book is a PDF book generator for p5.js 2.0. It captures each canvas frame as a page, compiles them into a PDF, and opens a built-in…
• p5forge AST-based Processing(Java)-to-p5.js compiler with browser preview and CLI. p5forge is not a full Java compiler. The focus is on practical…
• sweet sprint SweetSprint is a 2D runner platformer game built with p5.js. You control a character using the keyboard arrow keys to move left and right…
• generative art piecekepler 9 kepler 9 Une station imaginée autour de Kepler-9 b, une géante gazeuse qui existe vraiment, à 2 050 années-lumière. On la visite au scroll, en dix…
• generative art pieceVaseFX VaseFX VaseFX is a generative art vase sculpting tool by Frank Force. Sculpt, glaze, and render procedural pottery directly in your browser…🔥 2 · 😂 2 · 🤯 1
• Toko Toko is a framework to expand p5.js for creative coding with grids, color palettes, image loading, parameter panels, svg rendering, image…
• gobo dmx live code archive Live-code DMX lighting in your browser. Write pattern code, watch it on a 512-channel visualizer, and send it to real hardware over a USB…
• p5js clock A premium, interactive browser-based chronometer and celestial observatory simulator built with p5.js and HTML5/CSS3. Explore horological…
• less talk ▶ Play it (best with headphones) An original big-beat homage in Web Audio, after "A Little Less Conversation" (Elvis Presley, JXL remix…
• GlitchRoom SOMETHING IS WRONG WITH THIS WEBSITE. GLITCHROOM is an interactive horror-puzzle web experience in which the website itself is the…
• the website that hides from you “Hello. There’s nothing here.” An elusive, sentient interactive web art piece by Teja Priyan. The Website That Hides From You is a…
• ebru Paper marbling in the browser. Float drops of ink on a bath, pull a stylus or a comb through them, swirl them, and save the print. Every…
• Food Grid Generative Art A seed-based generative art catalogue for Food Grid, a computational illustration system. Built as a single-file HTML page with p5.js…
• Deconstructed Stage Generative Art A seed-based generative art catalogue for Deconstructed Stage, a computational Suprematist composition system. Built as a single-file HTML…
• Organic Shapes Generative Art A seed-based generative art catalogue for Organic Shapes, a computational petal-form system. Built as a single-file HTML page with p5.js…
• Wallpaper Groups Generative Art A seed-based generative art catalogue for Wallpaper Groups, a computational crystallographic-symmetry system. Built as a single-file HTML…
• Gothic Grid Generative Art A seed-based generative art catalogue for Gothic Grid, a computational mosaic system. Built as a single-file HTML page with p5.js, styled…
• astra motion 原生 JavaScript + Canvas 2D 绘制的 30 秒手绘宇宙动画。 打开 即可播放。通过 HTTP 访问，不直接双击 index.html；修改源码后手动刷新页面，无热更新。 点击播放器右上角的导出，可选择 1080p / 4K 和 30 / 60…
• Order to Chaos Generative Art A seed-based generative art catalogue for Order to Chaos, a computational gradient-grid system. Built as a single-file HTML page with…
• leave a light on Leave a light on. 一部 40 秒的原创动画短片。 城市把夜晚拉得很长。总有一扇窗，替你亮着。 观看网页短片 · 下载 / 播放 MP4 从蓝色雨夜走到暖黄色的窗，再走进一张摆着两杯热茶的桌子。小猫望过街道，最后蜷在窗边。茶上有蒸汽，纸条上写着“慢慢回来，茶还热”…
• Neon Arcade Generative Art A seed-based generative system for layered neon arc compositions. A reproducible catalogue of computational glow studies. Neon Arcade is a…
• DanaProcessing Creative coding in C#, the Processing way. 2D, real 3D and a live-coding audio engine, with a desktop IDE built just for sketching. I…
• Hilbert Pulse Generative Art A seed-based generative system for space-filling Hilbert curve compositions. A reproducible catalogue of computational curve studies…
• Mad Rooms Generative Art A seed-based generative system for layered-grid compositions. A reproducible catalogue of computational room studies. Mad Rooms is a…
• Neon Drift Generative Art A seed-based generative system for drifting-line compositions. A reproducible catalogue of computational drift studies. Neon Drift is a…
• Pappus Generative Art A seed-based generative system for fractal tree compositions. A reproducible catalogue of computational branching studies. Pappus is a…
• Polite Brownian Motion Generative Art A seed-based generative system for bounded walk compositions. A reproducible catalogue of computational walk studies. Polite Brownian…
• Pool Wind Sun Generative Art A seed-based generative system for wave-simulation compositions. A reproducible catalogue of computational interference studies. Pool Wind…
• Twist 1 Generative Geometric Art A seed-based generative system for glowing-circle compositions. A reproducible catalogue of computational vibration studies. Twist 1 is a…
• GOT A premium, scroll-driven cinematic website inspired by the world of Game of Thrones. Darkness gives way to ice and fire, a living realm…
• split flap board An authentic mechanical split-flap display board (inspired by Solari di Udine airport and train station departure boards), crafted in a…
• p5js handsteer 카메라 앞에서 두 손을 들면 화면 속 판이 기울고 소리가 어긋납니다. 손을 올리면 빨라지고, 한쪽 손을 내리면 그쪽으로 기웁니다. 두 손을 어깨 위로 들면 시작 신호가 켜집니다. 관객이 폰으로 적어 보낸 문장은 그 화면 위로 떠오릅니다. 웹캠 한…
• Fourier 1 Generative Art A seed-based generative system for layered parametric curve compositions. A catalogue of computational textile compositions for fashion…
• Fibonacci Fourier Generative Art A seed-based generative system for harmonic line compositions. A catalogue of computational textile compositions for fashion, textile and…
• namestamp Type a name, get a pattern that belongs to it. The same name always gives the same picture — on any device, on any day, forever. Download…
• Elliott Waves Generative Art A seed-based generative system for financial chart compositions. A catalogue of computational textile compositions for fashion, textile and…
• Eyes Generative Art A seed-based generative system for anatomical eye compositions. A catalogue of computational textile compositions for fashion, textile and…
• Dreamscape Watercolors Generative Art A seed-based generative system for soft watercolor compositions. A catalogue of computational textile compositions for fashion, textile and…
• generative art pieceevent horizon event horizon ▶ 在线体验 · 成片 · 下载原片 一段 72 秒的实时旅程：从星空深处出发，坠向一个黑洞。画面里的每一束光，都沿史瓦西黑洞周围的弯曲时空逐像素追踪；声音由同一份代码实时合成，与画面同步。整个作品是一个 HTML 文件，不依赖任何库，打开网页就能运行。 改完…
• artful drawing A free drawing studio that runs in your browser. Follow a guided drawing step by step, doodle with a pen that draws in perfect symmetry…
• Crazy Letter Generative Art A seed-based generative system for framed wavy-line compositions. A catalogue of computational textile compositions for fashion, textile…
• cyPollock Generative Art A seed-based generative system for scattered recursive branch compositions. A catalogue of computational textile compositions for fashion…
• Draconic Fractals Generative Art A seed-based generative system for tiled dragon-curve compositions. A catalogue of computational textile compositions for fashion, textile…
• Celestial Grove Generative Art A seed-based generative system for celestial tree groves. A catalogue of computational textile compositions for fashion, textile and…
• Bezier 1 Generative Art A seed-based generative system for smooth closed bezier curves. A catalogue of computational textile compositions for fashion, textile and…
• Bezier 2 Generative Art A seed-based generative system for slow rotating bezier curves. A catalogue of computational textile compositions for fashion, textile and…
• genuary 2026 31 generative artworks I created for Genuary 2026. Click any piece below to run it in your browser. Genuary is a month-long generative art…
• sandsong A Chladni plate in the browser. Sweep a tone across a square plate covered in sand. At each resonance the grains run from the shaking…
• Arachne Generative Art A seed-based generative system for rotating ring compositions. A reproducible catalogue of computational textile compositions. Arachne is a…
• sparkle mouse GPU optimized sparkles for Windows + Mac + Web Tauri 2.0 App & JS Package Sparkle Mouse brings that nostalgic webcore aesthetic to your…
• entre Coleção de experiências interativas para pensar com as mãos. O projeto transforma perguntas sobre percepção, tempo, linguagem, sistemas…
• generative art piecelost tribute lost tribute A fan-made tribute to LOST, which premiered on 22 September 2004. It shows the Flight 815 crash beach at sunset, built with three.js and…
• harmonograph A harmonograph in the browser. Damped pendulums steer a pen across the page, and their slowly fading swings trace the looping, spiralling…
• bitcoin pointcloud A single-file canvas toy: a cloud of ink specks drifts on sepia paper, and a blurred glyph presses into it like a stamp. Every speck walks…
• quantum tunnel game Quantum Tunnel is a mobile-first browser game built with Vite, TypeScript, Three.js, and the Web Audio API. You race as a subatomic…
• ascii visual engine A Canvas 2D ASCII engine used by Plantasonic and Signal 9. Grid, frame loop, presets, plugins, audio, and MIDI — the host app owns the…
• gravity gpt6 astra webgl An original WebGL cinematic about perception, attention, and black holes. The experience uses a single controlled render loop, a stable…
• neumorphic buble A modern, interactive liquid neumorphic bubble animation built with HTML5 Canvas and Vanilla JavaScript. It features fluid physics…
• overprint Turn a photo into a risograph print, in the browser. Overprint does what a print shop does, not what a filter does: it picks a few spot…
• gesture Christmas tree 3d with photo 原本只是想画一棵普通的 3D 圣诞树，但觉得不够酷，于是加上了 手势识别 和 粒子特效。现在你可以通过摄像头「隔空」控制这棵树，还能把自己喜欢的照片挂上去。 这不是那种静态的网页贺卡，而是一棵由 几千个粒子 组成的动态树。接入了 Google 的…
• deepseek frontend test 一个「大模型前端能力」实测的产物：一段提示词、0 skill、0 素材，模型直出可运行的三维奢侈品官网。 模型 deepseek-v4.1-flash ｜ 工具 opencode 在线体验： （如果你是从视频过来的——源码和完整提示词都在这个仓库里，往下翻）…
• lumen streets Turn a city you love into a living nightscape wallpaper. Explore in 3D, follow the moving lights and frame a view for your screen. Explore…
• immersive photo gallery 一个以摄影作品为核心的沉浸式前端画廊，包含编辑式推荐首页、可交互的 Three.js WebGL 作品墙和独立作品详情页。 项目重点放在视觉呈现、交互性能和内容层解耦：默认使用仓库内的本地快照运行，也可以在正式环境通过同源内容接口接入私有后端。后端服务、数据库和运营数据不包含在本…
• Modular Genesis Documentation-first project about modular synthesis, generative music, hybrid workflows, and audiovisual systems. 🇬🇧 English Site | 🇷🇺…
• prmptbio brand A local Three.js tool for building posters in the prmpt.bio identity: a real 3D extrusion of the key mark, the wordmark in Pilowlava 3D…
• habitat A procedurally animated robot that lives on a web page. Jointed SVG rig, spring physics, and a small state machine that decides what he…
• particle lab 把任意图片或 3D 模型，瞬间变成可交互、可流动的 3D 粒子云。 Turn any image or 3D model into interactive, living 3D particle clouds in seconds. 一个纯前端、零依赖、单文件可运行的 3D…
• bmw hall A scroll-driven 3D web experience. Four chambers, one baked camera timeline, and a real-time configurator — built to learn how cinematic…
• atelier A high-performance, interactive art engine inspired by the De Stijl movement and the works of Piet Mondrian. This project transforms…
• uludag campus tour webgl A single file 3D experience you walk through on foot across the Gorukle campus. You start at the campus gate. The road, the faculty…
• cubecast Hand-tracked shapes you draw with your fingertips, right in the browser. Point a webcam at your hand and a cube — or a freeform 2D/3D shape…
• omarchy themethrough The Omarchy wordmark, laid flat on the floor and filled with the backgrounds from every installed theme. You open above it, looking…
• glyph forge Images. Text. Video. Webcam. Screen. URLs — everything becomes character art. This banner, and every artwork below, was rendered by Glyph…
• gemini experience Gemini와 Antigravity로 제작한 몰입형 웹 실험 모음입니다. WebGL, Canvas API, 셰이더, 물리 시뮬레이션, 인터랙티브 아트를 브라우저에서 바로 체험할 수 있습니다. 빌드 도구 불필요: 대부분의 실험이 단일 HTML 파일이고…
• SOUND TERRARIUM Web A tiny sound-reactive world that runs directly in your browser.\ No M5Stack hardware required. 🎤 On smartphones and desktop browsers…
• generative art 免费开源、纯浏览器运行的生成艺术工具。基于流场（flow field）算法绘制粒子轨迹，选配色和密度，一键生成独一无二的抽象图案，导出 PNG。纯算法生成，不需要接任何 AI 接口，不联网。…
• resend inspired threejs cube A polished, independent interpretation of the iconic Resend cube, built with Three.js and browser-native JavaScript. This project grew out…
• vgpu demo A glass drop that follows your cursor and bends whatever it crosses. The artwork, the text and the drop are all painted by one WebGPU…
• aurift studio AURIFT° is an open-source experimental digital studio website focused on cinematic, interaction-led web experiences. The project explores…