Interactive art you can play with right now

Over a hundred interactive art projects, 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.

Art that only finishes when you show up: pieces that follow your cursor, answer your clicks or turn your input into color and sound. Each one is a small conversation, so give it a moment and some input before you drive on.

Made one of these? See how many people played yours → or use email

• fog mirror Blow on your screen to fog it up, then write on it — just like a steamy bathroom mirror, powered by your breath and your hands. Everyone…▶ 3 plays this week · 🔥 2 · 😂 2 · 🤯 1
• pamun ripple tank 물방울을 떨어뜨리면 물결이 퍼지고, 울림돌에 닿을 때마다 소리가 나요. 멀리 있는 돌일수록 늦게 울립니다. 거리가 박자, 높이가 음정입니다. **▶ 바로 열기: · English 설치 없이 링크 하나로 PC와 폰 브라우저에서 바로 됩니다. 만든…
• veoures An unfamiliar life drifting alone in the dark. Watch long enough and it changes: limbs unfurl, skin contracts, new branches grow and old…
• gesture flower 用摄像头识别手部 21 个关键点，把「手掌张开度」映射成粒子花朵的绽放程度。 握拳 → 花苞闭合；张开五指 → 粒子向外绽放。 支持单手与双手两种交互模式，并带有一段种子 → 发芽 → 花苞 → 开花的生长动画。 👉 点击打开在线 Demo（无需安装，允许摄像头即可）…
• generative art gallery An interactive gallery of generative art algorithms, drawn in real time in your browser with p5.js. Flow fields, fractals, cellular…
• pelican velo A real-time 3D seaside daydream. 一只鹈鹕，一辆单车，一整片正在退潮的海。 → Ride the live experience A single-page, fully procedural WebGL experience. A…
• generative art pieceUnstill Life Unstill Life Unstill Life is a procedural landscape painting that reacts to the sound of the room. It runs in the browser with three.js and WebGL 2 and…
• web demogaleria miau galeria miau Galería de arte 3D para recorrer desde el navegador, con three.js, WebGPU y fallback a WebGL2. An interactive 3D art gallery built with…
• sfumato Interactive browser artwork (2026) — blurred webcam, hand-tracked words, fleeting lines of meaning. Live demo · Chrome or Arc on desktop ·…
• Staircase to Nowhere An empty hotel, ten impossible places, and no hurry. The Staircase to Nowhere is a quiet, low-poly, stylized 2.5D exploration experience…
• island jelly A soft little tidepool island living inside a slab of jelly — a single-file Three.js diorama. A cross-section of a tidepool cut out of a…
• kinetic canvas lab Three interactive generative-art systems for curious hands, built with plain HTML, CSS, and JavaScript. Every system includes adjustable…
• hueverb A gallery of heard things. Hueverb is an interactive exhibition where sound becomes painting. Play a song, sing, clap, or hum, and every…
• Interactiveaqisynth A web instrument that plays New York's air as music. Pick a borough and a day. Today's live readings, or any day back to 2020. The…
• the eyes chico An interactive web installation by Sinaida · @sin.ai.da LIVE VERSION A field of eyes, a field of poppies, a glowing figure you steer…
• stardust hand 一个零依赖、零构建的实时交互作品：摄像头 → 手部骨架 → 粒子力场。 ⚠️ 浏览器规定：摄像头和麦克风只在 localhost 或 HTTPS 下可用。 直接双击 index.html（file://）会被拦截，必须起一个本地服务。 MediaPipe Tasks…
• TPWG A video game that accompanies Christine Pan's song cycle The Parts We Give. It premiered with the song cycle's world premiere (ESCAC by…
• wildwing Wildwing is a playable bird world. Begin on a branch, take flight when you choose, steer across a procedural wilderness, hunt from lakes or…
• afterglow atlas A tiny universe to wander, compose, and keep. Afterglow Atlas is a dependency-free interactive nightscape: a glass lantern glides over a…
• raymosaic 448 tiny mirrors. One light source. A message made entirely of reflections. A free, local-first optical playground by Dennis Hilk. Turn a…
• void rhythm "Nothingness is not the absence of everything, but the presence of nothing." Void Rhythm is an experimental, interactive audio-visual…
• deep breath Breathe with the light. ▶ Play · itch.io A breathing meditation with generative particles. 4-4-6-2 pattern. Tap to begin. Inhale draws…
• BabyMelodyBloom Baby Melody Bloom（ベビメロ）は、音をもっと愛おしく感じてもらうための小さな光の庭です。 ささやき声も鼻歌も赤ちゃんの「あーうー」も、すべてが色と光に変わってちいさなステージで踊り出します。…
• aether Smoke-like fluid dynamics drive real text layout on Canvas 2D. Report a Bug · Request a Feature Fluid Simulation — Multi-frequency…
• webgl shader gallery An immersive virtual art gallery showcasing 8 real-time WebGL shader effects with interactive mouse controls, smooth scroll-snap…
• star moss Drag to grow. Vines reach for light. ▶ Play · itch.io Plant seeds with your touch. Watch vines grow, branch, and curl upward. Each tip…
• browser gamesummer summer 一个基于 Three.js + MediaPipe Hands 的 3D 粒子交互小游戏 通过 隔空手势 控制粒子的聚拢、扩散与旋转。 请使用 Chrome / Edge 浏览器 并允许摄像头权限 ↔️ 左右移动手掌：控制整体旋转方向。…
• generative art pieceInteractive Visualizer Interactive Visualizer This is an interactive art installation that transforms human movement and sound into a mesmerizing particle symphony. By leveraging…
• comp visual 2024 2 tetris p5 Un clásico juego de Tetris interactivo desarrollado con p5.js, creado para la asignatura de Computación Visual 2024-2. Este repositorio…
• AetherStrum An ethereal musical instrument that combines visual art with sound synthesis. Create mesmerizing music by interacting with vibrating…
• Emergent Loops Real-time generative animation showing the emergent patterns created by intersecting polar and cartesian noise functions Emergent Loops…
• Visualization of the Musical Soul Интерактивная 3D-визуализация вашей музыкальной коллекции в виде космической галактики. 📁 Локальные файлы - используйте свою коллекцию…
• TextVerse Text that lives, not just sits. An immersive, interactive Canvas-based experience where text is the protagonist. Built with…
• EmojiHeatmap EmojiHeatmap is a creative visualization tool that dynamically generates a heatmap using a variety of emojis based on user interactions. It…
• GLSL NoiseSoup Noise Soup is an interactive web-based art project that explores the intersection of design, technology, and user interaction. Using WebGL…
• interactive tulip 🚀 Experience Live Webcam Interactive Bloom → A realistic procedural 3D-shaded tulip rendered on an HTML5 2D Canvas context without image…
• FableSuff A small generative artwork. One file, no dependencies, no build step, no server. One minute into a session: some thoughts already…
• algo art lep scales → Open in browser — no install required. An algorithmic visualization of butterfly and moth wing microstructure, rendered in real-time with…
• interactive space 404 An eye-catching, highly interactive 3D "Page Not Found" experience that turns a frustrating user error into an engaging cosmic journey…
• arena world demo 这是一个 Arena World。World 是 Arena 上不计分的 共创体验：没有分数、没有奖金、没有排名，只有大家留下的东西。 World 的代码没法单独打开。它跑在一个沙箱 iframe 里，存储、身份、语言、主题这些 能力全是宿主页通过 ctx…
• vortex av engine VORTEX is an experimental browser-based audiovisual instrument that translates uploaded audio into a responsive three-dimensional signal…
• faces mosaic A polished, privacy-first prototype for an opt-in portrait mosaic inspired by the scale of online communities. It is an independent art…
• 3d saturn particles An interactive 3D math-physics engine powered by AI hand tracking and gesture recognition. یک موتور رندر سه‌بعدی ریاضیاتی و تعاملی بر پایه…
• aura card A zero-dependency, 100% browser-native procedural engine that turns plain text inputs into complex, mathematically precise Julia Set…
• shadow room ◐ S H A D O W R O O M A live 3D wallpaper of a dark living room. Your webcam silhouette casts a real shadow into it, the view moves with…
• caelum xii 一座由真实恒星目录、古典天文档案语言与实时 WebGL 交互构成的原创十二星座数字档案馆。 十二星座统一数据系统，每个星座拥有独立星点、连线、色彩与档案信息。 可缩放、拖动、触控和 360° 观察的沉浸式星图。 基于 BSC 恒星目录坐标构建的火、土、风、水四象反投影字形。…
• candlelit relief archive A dependency-free WebGL2 exhibition of ten interactive relief cards by Zomo Design. Move the pointer across a card to steer a warm light…
• altair A word becomes a star. ALTAIR is a generative web experience that turns text into a unique animated stellar visualization. Instead of…
• pond chimes An ambient, self-playing pond that sings when you tap the fish. A screensaver with a voice. Everything is locked to D major pentatonic, so…
• nebula Arte generativa interativa direto no navegador. Milhares de partículas dançam em um campo de fluxo (simplex noise) e você esculpe a nébula…
• aether A generative vector-field instrument you shape, perform, and share in real time. Thousands of particles ride a curl-noise flow field…
• hikari 暗闇に光を灯す、ブラウザ完結のインタラクティブ試作集。コンセプトは「1日10試作」。 部屋を暗くして、全画面で。スマホ縦画面にも対応しています。 運用ルールは docs/BUILD-ROUTINE.md の「検証スイートの運用」を参照。 共通デザインシステム…
• Brownian Graphe Generative Art Interactive generative graph networks with Brownian motion. Each refresh creates a unique network of bouncing points connected by dynamic…
• algo art hopper I reverse-engineer painters' compositional logic into parametric 3D code. Hopper's windows are the subject where there is a frame within a…
• muse of moods Muse of Moods is an interactive artwork atlas for exploring paintings through mood, movement, and visual association. Instead of browsing…
• Spreading ink An interactive WebGL fluid experiment exploring the unstable boundary between gesture, color, and simulated flow. Natural Instability is a…
• lights A dark field where forty points of light drift, bond, age and speak, so watching it rewards attention instead of asking for it. Each light…
• Claude stuff every word here is borrowed light. A small interactive artwork. You sow words into a dark field; each one drifts to its place and glows…
• A sea of blues Same sea — every hour a different blue. An ambient, ever-changing scene rendered entirely in HTML5 Canvas and vanilla JavaScript. Drag one…
• patiala flatball A small painted world of everyday Patiala, Punjab, wrapped around a sphere. Bazaar awnings, railway bells, tangled wires and the wide…
• gesture blooming flower MediaPipe Hands × Three.js WebGL 粒子花朵手势交互艺术 一款纯前端无服务器、基于视觉手势驱动的 3D 粒子交互实验。摄像头实时追踪手部 21 个骨骼关键点，计算手掌张弛度（Tension），驱动指尖粒子花朵聚拢闭合与盛大绽放。 (注：建议在 PC…
• while away A room that only changes when you are not looking at it. while you're looking at it, it won't move. One HTML file. No dependencies, no…
• draw to empower her A playful interactive drawing game featuring Penelope — a girl who grows up to change the world. And you can too! Draw a heart, crown, or…
• ndshuge galaxy 一个可以漫游的个人项目入口：把游戏、学习工具、艺术实验与小作品连接成一片星系。 动态演示由真实浏览器连续截图合成，非概念动画。 进入星系 → · 互动艺术展厅 · GitHub 项目列表 SHUGE GALAXY 是使用 HTML Canvas、CSS 与 JavaScript…
• browser gamelantern night lantern night 鬼火になって、墓地のそばの十三のカボチャに灯をともす。Three.js で描くハロウィンの夜のインタラクティブアート。 Claude Code × Claude Opus 5.5（XHIGH） で作りました。…
• sofa ga aru Claude Code × Claude Opus 5.5（MAX） で作りました。 日本語と英語に対応しています（ブラウザの言語で切り替わります。URL に ?lang=en / ?lang=ja を付けても切り替えられます）。English follows below…
• EmojiAdventure EmojiAdventure is an interactive digital art project that brings emojis to life in a mesmerizing, ever-changing canvas. This project…
• fractured entropy An interactive visualization collection exploring the mesmerizing world of chaotic attractors and strange attractors. This project renders…
• yellow ieung Interactive generative art exploring Korean letter 'ㅇ' (ieung) as glowing yellow stars in cosmic space. 28개의 노란 원(ㅇ)이 푸른 우주 공간에서 서로 다른 속도와…
• 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…
• Strange Networks Figure 1. Strange Networks - An interactive node-based network visualization. Strange Networks is a generative network visualization that…
• generative art pieceFlow Mirror Flow Mirror A creative webcam visualization that transforms your camera feed into dynamic, flowing particles. This interactive sketch uses p5.js to…
• heading SUN game 本遊戲以p5.js開發，美術設計以康丁斯基《輻射 Strahlen》為靈感，將圖畫中的圓形轉化為旋轉的太陽，下方的兩個圖案則化身為1P和2P。有別於對戰，兩名角色將一同合作頂太陽，以獲得高分！
• primenumberspong A creative coding and digital art game that reimagines classic Pong through mathematics, rhythm, and generative visuals. Prime Numbers Pong…
• akanji A microphone-reactive sound visualizer in the browser. Whatever your mic hears becomes real-time generative visuals — the more sound, the…
• mountains trees names inf Pan forever. Find the tree you planted. \{Mountains, Trees, Names\}\* is a procedurally generated infinite landscape collectively created…
• painters formations ten painters, each one moves differently. click anywhere to interact. each preset is a palette, a particle shape, and a motion engine tuned…
• sailobots nft Sail-o-Bots is a collection of 750 unique digital art pieces created on Art Blocks. This repository is a clean mirror of the project source…
• rainhouse Write down what hurts. Seal it in glass. Bury it in the ground. Leave the rest to time. 末日大雨还在下，这是你自己的房子。把坏情绪写下来，封进罐子，埋进土里——剩下的，交给时间。…
• chimes An interactive cultural curtain. Each country gets its own beaded doorway curtain — woven from its architecture, wisdom, language, and…
• sensory space Slow light, living sound, room to linger. Open Sensory Space at sensory-space.org Sensory Space is an artwork of slow light and sound that…
• suantianji 然后打开 。直接双击 public/index.html 不行，浏览器不允许 file:// 页面读取签诗数据。 本地调用 Workers AI 也会走你的 Cloudflare 账户。 不建数据库、不配 AI binding…
• butterfly machine One tiny choice. Hundreds of different worlds. A neuro-inspired interactive artwork about sensitivity to initial conditions. You watch a…
• ink shan shui 单文件 · 零构建 · 直接双击就能跑 全部逻辑都在 index.html 一个文件里，Three.js 通过 importmap 从 CDN 取（three@0.160.0）。 为什么不直接从峰顶往下冲？山脊在水平方向只有约 4 个单位宽（笔刷 σ 窄），…▶ 3 plays this week
• 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…
• FCTX HOTARU Type a word. A million particles of light gather into its shape. Let go, and it collapses under its own gravity. ▶ Open the live demo · The…
• metaware logo particles An interactive canvas particle animation that renders the Metaware logo ("meta" in white, "ware" in teal #00E6AE) entirely out of thousands…
• black hole A mesmerizing WebGL simulation of a black hole — where physics meets art, and code becomes cosmos. This project began as a tribute to one…
• the tantrum palace A hand-painted artwork of a crying kid and a dripping dollhouse, rebuilt as ~230,000 GPU particles that melt under your cursor, explode…
• kaleidoscope A high-performance, real-time Digital Kaleidoscope Web Application built with Vite, modern HTML5 Canvas 2D/WebGL rendering, Tailwind CSS…
• wax and water Vanilla JavaScript + Canvas 2D · Zero Runtime Dependencies · Runtime-Generated Water Effects Wax and Water is an interactive 2D web…
• quantum garden 《牡丹亭》× 量子观测 × 浏览器交互装置 一次由观看触发的游园：园林未先存在，人物未先定形，结局也不在入口处写好。 《量子游园》是一件八幕浏览器交互作品。它从汤显祖《牡丹亭》的“游园、惊梦、寻梦、写真、离魂、拾画、幽媾、回生”中抽取一条情感路径，再把观测、坍缩、退相干、不可克隆…
• 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…
• 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…
• mind galaxy The chapters of a book, rendered as a galaxy you fly through. An interactive 3D galaxy built with Three.js: the 18 chapters of A…
• inkfall A fluid simulation that runs in the browser. Move the pointer, a finger, or your hand in front of the camera, and ink blooms through water…
• butterfly qr A romantic Three.js butterfly swarm that transforms into a customizable QR code. 点击场景可在蝶群与二维码之间切换；拖动可 360° 观察；输入链接或文字并按回车即可更新二维码。 单个 HTML…
• PinPortrait PinPortrait turns your webcam into a live 3D pixel portrait: every block of pixels becomes a pin that rises out of a dark plane according…