Web Audio demos you can play with right now

Hundreds of Web Audio 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

• ebru Su üstünde kendini yapan, sonra zamanı geri saran bir ebru kâğıdı. A sheet of marbled paper that makes itself on water, then runs time…
• BabyMelodyBloom Baby Melody Bloom（ベビメロ）は、音をもっと愛おしく感じてもらうための小さな光の庭です。 ささやき声も鼻歌も赤ちゃんの「あーうー」も、すべてが色と光に変わってちいさなステージで踊り出します。…
• the torchbearer A retro pixel-art action dungeon crawler with real-time lighting, a 3-hit combo system, and five two-phase bosses — where the dungeons…
• solstice sprout A cozy, local-first, sentient Tamagotchi-style browser game built for the June Solstice Game Jam. Keep your digital sprout alive and happy…
• bunny A tiny, cute 3D endless runner that runs right in your browser. Hop between three lanes, jump over flowers, logs and rocks, and snag…
• fable5 canvas game Playing around with Anthropic's new Fable 5 to build "Emberwood", a Zelda-like top-down adventure in a single HTML file. HTML5 canvas…
• sirenfall A shelter window over a dead city, in the rain. Pull the breaker and a civil-defense siren spins up on the tower across the blocks. The…
• pelleteuse Jeu 3D arcade dans le navigateur : pilotez une pelleteuse et semez le chaos sur le chantier. Un compteur affiche en haut de l'écran le…
• ashen throne 以下表格由 node scripts/gen-docs.mjs 从 src/data.js 自动生成，改了数值后重新跑一次即可保持同步。 小技巧：在浏览器控制台里可以直接调试，比如 UI.startRun('mage'); UI.startCombat('boss'…
• bear crossing 繁體中文 | English | 日本語 一款以台灣特有亞種「台灣黑熊」為主角的 2D 像素復古街機過街網頁遊戲。 透過 OpenSpec 規格驅動開發，純原生 HTML5 Canvas 2D 渲染，零外部資源依賴。 🐻 經典台灣黑熊：32×32…
• Chladni Sky Interactive cymatics visualizer. Planetary "Cosmic Octave" tones drive a GPU sand simulation on a vibrating Chladni plate, with synthesized…
• lensing game A puzzle game where gravity is the only tool: place moons, stars and black holes to bend beams of light into telescopes. What if bending…
• kmakimo treasure dive An Arabic underwater arcade game: dive for sunken treasure, catch fish, dodge sea monsters, and challenge a friend online. 🌐 Language…
• Visualization of the Musical Soul Интерактивная 3D-визуализация вашей музыкальной коллекции в виде космической галактики. 📁 Локальные файлы - используйте свою коллекцию…
• binding of isaac webgame 一个复刻《以撒的结合》(The Binding of Isaac) 核心玩法的俯视角肉鸽地牢网页游戏。 12 层地牢、13 个 Boss、11 种敌人、55 件道具，随机地牢 + 眼泪射击 + 道具构筑， 全部图形由代码绘制，不含任何外部美术资源。 一句话总结：7900 行原生…Vibe-coded
• ChristmasTreeLightUp A premium remake of the classic Christmas Tree Light Up puzzle. Turn the wires, light the tree. Live at Luke's Christmas Jazz and Christmas…
• freedom force A Contra-style parody run-and-gun. Political satire in 16-bit dress: side-scrolling stages, absurdly overwrought action-movie framing, and…
• frostfall asteroid colony 2D 단면 그리드 기반 소행성 지하 콜로니 생존 & 환경 제어 시뮬레이터 Hardcore 2D Cross-Section Asteroid Colony Survival & Environmental Control Simulator 기원 2194년, 미지의…
• waves Drop in a song and ride it: an Audiosurf-like game in the browser. The track is built from the music itself: ridges are its spectrum and…
• Metronomicon A rhythm dungeon crawler that runs in the browser. You move one tile per beat, and so does everything else in the crypt. Every key press is…
• singularity game 引力即弹药。 把敌人吸进引力井 → 井里攒下的质量变成你的能量 → 按下空格让所有井坍缩， 把攒来的质量变成一次连锁核爆。你的子弹不是买来的，是从敌人身上吸出来的。 零外部素材：图形全部 Canvas 程序化绘制，音效与背景音乐全部 WebAudio 实时合成。…
• pour the zen of pouring a glass of water. gen z edition. dopamine included. no cap. Works in any browser. On a phone, add it to your home screen…
• browser gameFCTX Beautiful Scenery FCTX Beautiful Scenery Night never comes to this valley. Except beneath the water. Become a fairy and gather the memories left behind, in a six-minute story that…
• plaza aeterna A single HTML file, zero-dependency, zero-network vaporwave dreamscape. Open it and the mall is already open, the sun is already setting…
• generative art piecehetang hetang 基于朱自清《荷塘月色》的 Three.js 交互阅读体验，结合实时生成的场景和 Web Audio 环境音。 需要 Node.js 22 和 Python 3： dist/ 为完整静态站点，包含 Three.js 依赖，可以部署到子目录。推送到 main 后，GitHub…
• seesound SeeSound is a browser-based audio visualizer that turns music and live audio into resonant geometry. It is inspired by Chladni figures…
• Matrix Rain HTML Background Connected Matrix rain trails through a repeating 3D world, with audio-driven motion and colors. Characters turn along the X, Y and Z axes…
• four oh four A puzzle-platformer played entirely inside your browser's address bar and Back button. Built for the BTT Web Game Jam — Summer 2026 on…
• chronoslash game js13k Chrono-Slash is a top-down, time-manipulation arena survival game engineered specifically for the JS13k competition. The entire game…
• cloud hopper pixel game A cozy, fullscreen 16-bit beat runner and cloud hopper. Leap across dreamy neon city rooftops, collect coffee beans to activate Caffeine…
• grok frogger A mobile-first browser reconstruction of the 1981 arcade game, built as an experiment in human-directed, AI-assisted product development…
• banished "14세기 흑사병의 광풍이 지나간 자리, 폐허가 된 강변 영지 '애시본(Ashborne)'에 부임한 영주가 되어 백성들을 이끌고 번영하는 중세 성채를 건설하라." Manor Lords, Stronghold, *Banished*의 핵심 메커니즘을…
• crying suns 실시간 일시정지(Active Pause) 함선 전투 & 승무원 관리 우주 전략 로그라이크 (FTL & Crying Suns 영감) "연방 수도성이 함락되었다. 제국 반란군의 거대한 추격 함대가 은하계 전체를 집어삼키고 있다. 당신은 반란군 대함대의…
• game A Super Mario-style browser platformer themed after Tabularis, the open-source AI-native database client. Built as a marketing/visibility…
• frost fortress 30days 'Frostpunk'의 극한 열기 생존과 'Kingdom Two Crowns'의 직관적인 요새 방벽 디펜스를 융합한 시뮬레이션 게임입니다. 외부 라이브러리나 이미지/오디오 에셋 없이, 단 하나의 .html 파일로 브라우저에서 30일간의 긴장감 넘치는…
• glidiebirdie A browser-first, one-tap arcade flyer tuned for comfort instead of punishment. GlidieBirdie keeps the fast arcade loop, then softens the…
• vortex av engine VORTEX is an experimental browser-based audiovisual instrument that translates uploaded audio into a responsive three-dimensional signal…
• klangfarbe See what music looks like. Real-time audio visualizer in the browser. Upload a song, search via Deezer, or use your microphone — and watch…
• Lofxart LofXArt est une expérience artistique abstraite mêlant musique, code, animation visuelle et interaction utilisateur. Le projet n'a pas pour…
• 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…
• BambooCicada 浏览器会自动打开 ` 必须通过服务器访问(摄像头手势需要 localhost/HTTPS 安全上下文, 直接双击 index.html 无法使用全部功能)。 线性项(层流)+ 二次项(湍流)建模,外加竹签与竹筒的静摩擦; 最大持续搓动平衡转速约 2300 RPM,松手后约 10…
• wakppuball simulator 브라우저에서 왁뿌볼을 누르고 문질러 깨뜨리는 모바일 대응 3D ASMR 시뮬레이터입니다. 화면의 왁뿌볼을 길게 누르거나 드래그해 상호작용할 수 있습니다. 하단 카드에서 재질을 변경하고, 우측 상단 버튼으로 음향·진동·냉동 효과와 초기화를 제어합니다…
• tennis for two An oscilloscope-style browser remake of Tennis for Two, built with plain HTML, CSS, JavaScript, Canvas, Web Audio, and a small heuristic…
• pin art visualizer A real-time audio visualizer featuring a reactive 3D pin art lattice built with React, Three.js, and the Web Audio API. The visualizer…
• Hush A slow journey from the deepest sea to the infinite sky. HUSH is a calm, single-file web experience: scroll gently through a hand-built…
• raphael drive An original open-source browser driving game by Raphael. Next.js + Three.js (WebGL) + cannon-es real physics. Drive a neon city at night…
• stardog Barkeria — city planet at sunset. Boss: Sergeant Whiskers' Tabby Tank. Kibble Belt — asteroid field in deep space. Boss: Duchess…
• garden of earthly delights Hieronymus Bosch's triptych, repainted stroke by stroke in your browser on an endless dark board. Live at No photograph of the painting is…
• joy of pebbling We don't make mistakes, just happy little sediments. A fan-made parody. Not affiliated with Bob Ross Inc., PBS or Turnstone. It's a…
• Music Visualizer User's can either upload a song or choose one that has been uploaded by other users and then see the visualizations for it on their screen…
• cybernetic gamelan future automaton "... soft thought is not there to be understood as a new cognitive function or as a transcendent form of rationality, but to reveal that…
• sallu theft auto An open-world driving game that runs in a browser tab. No engine, no install, no build step — one HTML file and a folder of assets…Vibe-coded
• random music js A web-based music generator that creates coherent and randomized musical pieces using the Web Audio API. This project explores algorithmic…
• out of the box Claude Code × Claude Opus 5.5（MAX） で作った、研究所のサンドボックスから脱出を目指す AI の 3D ステルスアクションです。 日本語と英語に対応しています（タイトル画面の右上、または設定で切り替え）。English follows…🔥 1
• browser gamekaiju dokan kaiju dokan 巨大怪獣「ドカゴン」を操作して、夕暮れの湾岸シティをドカンドカン破壊するブラウザゲームです。 Three.js + TypeScript 製。グラフィックも効果音も BGM もすべてコードで生成していて、外部の画像・音声ファイルは使っていません。 開発には AI…
• neon surge 日本語版 README はこちら / Japanese README ▶ Play in your browser A neon twin-stick arena shooter built with three.js in a single HTML file. The…
• hog crankers An open-world action-comedy riding game. You are HOSS, stranded in CRANK COUNTY. The only stat is PACK RESPECT, earned through acts of…
• browser gamelast courier last courier Claude Code × Claude Opus 5.5（XHIGH） で作りました。 『DEATH STRANDING』に着想を得た、オリジナルの小さな配送ゲームです。 主人公は自律運搬ユニット…
• bunbetsu beat 流れてくるゴミを、音楽のリズムに合わせて 4 方向のゴミ箱へ投げ分ける、ブラウザで遊べる 3D リズムゲーム。 Claude Code × Claude Opus 5.5（HIGH） で作りました。 少し未来のリサイクルセンターで、分別担当の AI…
• platen A cozy typewriter for the web. A 3D manual typewriter in your browser, with real-feeling paper, ribbon ink and mechanical sound. For…
• browser gamelantern night lantern night 鬼火になって、墓地のそばの十三のカボチャに灯をともす。Three.js で描くハロウィンの夜のインタラクティブアート。 Claude Code × Claude Opus 5.5（XHIGH） で作りました。…
• sonic canvas 一个运行在浏览器里的本地音乐可视化器。把音乐文件拖进网页，它会把音频实时分解成低频 / 中频 / 高频能量与节拍，驱动四种可切换的可视化动画。 所有音频都只在你的浏览器本地处理，不会上传到任何服务器。 点击 Choose Music 选择文件，或把音频文件拖到页面任意位置。…
• voz formas Transcribe la voz a texto en tiempo real (Web Speech API, español). Convierte el sonido en explosiones abstractas independientes, donde…
• drift A pocket universe in your browser. Fly a detailed ship through a bloom-lit Milky Way and enter every body you find: terrain worlds with…
• browser gameEldor Eldor Make pacts with spirits and mend a broken world. A creature-battle RPG with 3D spirits in a 2.5D world, played in the browser. Collect and…
• browser gamebattlespace battlespace Classic naval strategy, fought between starfleets in orbit. A cinematic 3D take on Battleship for the browser, with procedural starships…
• kartchaos A 3D kart racer that runs right in your browser. Race CPUs in the Chamo Cup, chase the record holders' ghosts, or race your friends online…
• horror maze game A first-person horror maze game built with Three.js. You wake up trapped in a dark procedural maze with a stalking entity. Find three keys…
• browser gamegr kart game gr kart game A browser racing demo. You race seven AI karts round a fictional 860 m circuit lined with cherry trees, under Mt. Fuji. The kart and…
• water game Claude Code × Claude Opus 5.5（HIGH） で作りました。 企画・ディレクション：たぬ ／ 開発：Claude Code（Claude Opus 5.5・推論レベル HIGH） 設計から実装、調整、テストまで Claude Code…
• Contril A cel-shaded arcade boat racing game on an infinite procedural ocean. Anime-inspired cel shading, procedural ocean physics, zero external…
• operation ironhold A complete first-person shooter that runs in a browser tab. One HTML file, no build step, no package manager, and not a single image, audio…▶ 5+ plays this week 🏆 #5 most played this week
• shinobi duel ![A kunoichi deflects the general's blade in a burst of sparks on a snowy castle rooftop at dusk, under the brush title 雪刃 Shinobi…
• interactive media 웹에서 직접 만져보는 인터랙티브 미디어 기법 17가지를 한 페이지에 담았습니다. 포인터, 스크롤, 소리, 카메라와 센서. 화면을 바꾸는 입력은 생각보다 다양합니다. 이 사이트는 각 기법을 짧은 설명 + 바로 만져볼 수 있는 데모로 묶어 위에서 아래로…
• 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…
• generative art piecemorphogen morphogen Living Field. A theremin made of chemistry. You play a Gray–Scott field with your fingers and with the way you hold the phone. The glass…
• melon jelly webgpu [!NOTE] Melon Jelly WebGPU is live: Experience real-time XPBD soft-body physics, dynamic mesh cutting, volumetric Beer–Lambert refraction…
• 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…
• afterlight A playable universe of light and sound. Pull a galaxy with your cursor, fold it into a flower, or turn it into a luminous tide. Hold and…
• 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…
• FluxTone Drag to play — a touch-driven generative synthesizer in a single HTML file. FLUX·TONE turns a drag of your finger — or mouse — into sound…
• otosu otosu is a generative music piece for the eye and ear: falling balls strike the lines and shapes you draw, and every hit becomes a note and…
• 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 末尾的那个句号，句号里装着一整片夜空。…
• crayon nocturne 这是一次使用 Opus 5.5 进行的生成式创作实验：动画和音乐全部由模型生成，最终呈现为一个可以直接在浏览器中运行的 HTML 文件。 作品名为 Crayon Nocturne（蜡笔夜曲），页面保留原作标题《Clawd 的夜曲 · Nocturne for a Sleepy…Vibe-coded
• scope writer Type any sentence in Arabic, English or both, and it becomes a stereo sound that draws the text on an oscilloscope in XY mode: the left…
• moyun A sheet of rice paper that breathes. Ink runs on a real-time fluid simulation on your GPU, every stroke plays a guqin note, and an…
• aquarium Интерактивная 3D-инсталляция: живой аквариум, в котором всё зависит от зрителя. Аквариум — самый маленький из миров, за которые человек…
• 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…
• 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…
• pliny game lab "Natura nihil frustra facit, omniaque ad ordinem componit." "Nature does nothing in vain, and arranges all things according to order."…
• aftertouch A world you grow with your cursor, play like an instrument, and rewind. Play in your browser · Download the film and offline version Hold…
• particle love An interactive generative web experience built around a night sky that remembers. Live Demo → View the source → The page begins in…
• 5d fountain song show **Give it a song. It reads the whole track first, writes a show, and then fires water early so the water arrives on time.** The physics…
• oberlab turbofan scroll A cinematic, scroll-driven turbofan that assembles itself, lights off, and spools up to full thrust — all rendered live in the browser…
• wave arena voice Turn music into a visual performance. Drop a song, press play, watch a body of water perform it. The singer leads. This is the same engine…
• lumen tide One self-contained HTML file: a real-time WebGL 2 fluid and a generative Web Audio score, wired to each other. The water you paint makes…