WebGL demos you can play with right now

Hundreds of WebGL 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

• kin living pond A living goldfish pond for the browser. Name your pond, then look after it. Goldfish swim with articulated bodies and fins under travelling…
• stillwater harbor A 128x128 heightfield wave simulation with foam wake behind a moving boat and broken reflections of harbor lights. Drag to orbit, tap the…
• kaleidoscope A high-performance, real-time Digital Kaleidoscope Web Application built with Vite, modern HTML5 Canvas 2D/WebGL rendering, Tailwind CSS…
• atx miniature A model city of Austin built from real data, that grows from 1847 to 2026. Every building rises in the year it was actually built, taken…
• generative art piecewindcrest windcrest A hill where every blade of grass is real geometry. A few hundred thousand blades are drawn in one instanced call, and the CPU animates…
• generative art piecehanzi universe hanzi universe 把汉字与古典诗词，做成一片可以漫游的 3D 宇宙 基于 Three.js 的纯前端可视化系列 · 零依赖 · 打开即用 时代定其方位，篇章赋其辉光，文脉牵其引线，遂成璀璨诗图。 沉浸式星图漫游：拖拽旋转、滚轮缩放，诗人在宇宙中按朝代方位散落。…
• ardentia Ardentia: o nome que os pescadores dão ao brilho que a água solta à noite quando o barco corta o mar. Um mar noturno que roda no navegador…
• plasma generator A browser-native generator that restores two memorable DOS plasma effects—Bret Mulvey's PLASMA (1988) and Tom Dibble's Tom's Plasma 1.1…
• nexus visual engine Reactive Simulators Gallery — 30 motores visuales WebGL audio‑reactivos para DJ sets, instalaciones inmersivas, exposiciones y performance…
• nightsail A giant marble head under a column of light, in a stormy night sea. The tide drowns it and gives it back: the swell washes over its face…
• spring bloom Spring Bloom is a children's picture book about a family picnic in the mangroves, written by Sadia Mir and Summer Al-Jarrah Bateiha…
• driftfield A cloud of points living inside a curl-noise flow field, with a lens in front of it. Everything you can see is on a slider: how many points…
• omr A scroll-driven descent through a life, rendered in real time in the browser. Photographs hang as glass lanterns on a helix falling away…
• terminal synth Synthétiseur visuel dark/industriel — outil de performance live solo, piloté par Adaptive Autoplay, rendu WebGL2 audio-réactif…
• commit city Turn your GitHub history into a skyline. Live Demo · try /?user=cyb3rcricket Watch the silent 20s demo (WebM) I had a pretty simple idea…
• glow About 24,000 embers form the basement.studio b. isotype, carved on a sphere. Click and they flow into the basement. wordmark. The dot stays…
• 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…
• 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…
• PLASMODIUM LAB An interactive, three-dimensional Physarum polycephalum laboratory bound to an ERC-20 token economy. Every connected wallet receives a…
• neural cinema An interactive browser demo that turns neural-network-style signal flow into a real-time visual instrument. It is a visual metaphor, not…
• generative art pieceraymarchcity raymarchcity 音频驱动的 raymarching 夜城。整座城市——楼、招牌、路面、车流、雨、雾、霓虹——都在一个 fragment shader 里算出来，没有一个模型文件。丢一首歌进窗口，城市跟着节拍呼吸。 在线：（桌面、手机都行，打开点一下就放） 浏览器里拖进来的歌存在…
• generative art piece3d gradients generator 3d gradients generator Make animated 3D gradients in your browser. Change the colors, shapes, noise, and materials, then copy your settings to reuse them. Morph…
• morphogen A living reaction-diffusion field with a guestbook for AI agents. People watch. Models leave marks, routes and answers that outlive their…
• Scroll Triggered 3D Sphere Morphing ├── index.html # Main HTML markup, embedded CSS, and Three.js logic └── README.md # Project documentation and setup guide
• neon lunapark webgl Double click one HTML file and a miniature funfair lights up for the night. No install, no server, not a single downloaded image or model…
• yildiz inisi webgl Ski down the night slope, miss the trees, collect the stars. It opens in the browser. No install, no download, a single index.html file…
• physarum culture A live GPU simulation of up to two million slime-mould agents growing real transport networks, in a single HTML file with no build step and…
• TheHollow A moody, first-person 3D exploration experience built entirely in a single HTML file with Three.js. You wake at the edge of a…
• 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…
• psychedelica A generative visual and audio experience: twelve Three.js scenes, each with its own randomly generated geometry, colour and motion, scored…
• 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…
• jscreensaver Unix screensavers in your browser — live at jscreensaver.net JavaScript port of generative artwork from XScreenSaver. 170+ Unix/X11…
• generative art piecefocus sanctuary 3d max focus sanctuary 3d max CHRONO CHRYSALIS — 時間を包む浮遊彫刻（造形名: CLEFT VAULT） 見どころ: 登場演出（読み込み後 約 3 秒、REPLAY で再鑑賞）→ 彫刻をドラッグして回す → SHORT / LONG でモード変化 → 完了演出のプレビュー（25 分待たずに…
• 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…
• pulsegrid 3d A data pipeline failing, quarantining, replaying and recovering — rendered as a city you can fly through and operate from the keyboard. The…
• prism image particle lab 将一张图像转化为可旋转、可保存、可重开的粒子作品。 PRISM 是一个浏览器内的图像粒子实验项目。导入图片后，它会将图像采样成可互动的三维粒子场；画面、参数和视角可以收进作品档案，之后在主编辑器中完整恢复。 两种精炼的空间形态：浮雕与波面。…
• liquid lens A photograph, and a body of liquid you move over it with the pointer. Seven soft bodies chase your hand; where two are near each other…
• 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…
• web kick MADKICK is a browser-based audiovisual experience: an endlessly evolving 170 BPM kick drum — continuously re-modulated through a Web Audio…
• 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…
• pelagic jellyfish webgl Real-time procedural jellyfish, soft-body animation, underwater optics, and interactive liquid glass in Three.js Pelagic is an interactive…
• slime mould computer A single cell with no neurons, designing the metro Lviv never built. Explore, then Optimise. 150 frames, sped up — no cuts. (mp4) Open the…
• almost Every life you didn’t live is still dreaming somewhere. ALMOST is an immersive 3D poem about the lives hidden inside every choice. Visitors…
• depth particle cam 3d Live Three.js point-cloud webcam mirror. Pixel brightness displaces 4,800 glowing particles in 3D Z-depth. Ready for 1-Click Vercel…
• butterfly qr A romantic Three.js butterfly swarm that transforms into a customizable QR code. 点击场景可在蝶群与二维码之间切换；拖动可 360° 观察；输入链接或文字并按回车即可更新二维码。 单个 HTML…
• butterfly fx universe loom Draw a boundary. Disturb a field. Grow a cosmos. Universe Loom is a GPU-accelerated Electron + p5.js instrument that turns paths across a…
• solar atlas gesture Pinch from Saturn until the Solar System becomes a dot, then keep going — past the nebulae inside our galaxy, out through the Local Group…
• hui gesture bagua 中文 · English · 在线体验 一个通过单手手势、鼠标和键盘控制的生成式八卦动态体验。 本仓库是 HUI 正式体验的公开视觉演示版，保留同一套十四层八卦视觉结构与手势动效，但不包含商业产品中的起卦、AI、支付、邮箱或服务器功能。公开源代码仅允许个人学习、研究与非商业娱乐使…
• reality tear An interactive camera experiment inspired by the idea of physically pulling reality apart. Your live camera feed is mapped onto a simulated…
• Synaptic Dialogues Experience the live interactive topography → synaptic-dialogues.vercel.app Synaptic Dialogues is an interactive, 3D data-humanism project…
• la bombonera A six-chapter cinematic walk from the streets of La Boca into the stands, rendered live in WebGL. Editorial typography over a continuous 3D…
• nepotato threejs gpu An editable procedural triple-fan graphics card built entirely with Three.js. Geometry, materials and independently animated fans are…
• LOKI GreenMagic WARNING: This project is intended solely for personal use. Commercial use, reproduction, or redistribution is not permitted. ⚡ Procedural…
• nocturne A collection of single-file WebGL art pieces — zero images, zero libraries, everything rendered live in the browser. Generative WebAudio…
• e8 studio An interactive WebGL studio for exploring the E8 root system, cut-and-project quasicrystals, root systems, Coxeter multigrid tilings…
• generative art piecemuseum of emergence museum of emergence A living museum of self-organising systems. Eight rooms, each a real-time implementation of a published model in which simple local rules…
• aetheris A journey beyond the visible — an interactive, five-chapter WebGL experience rendered live in Three.js and layered with cinematic generated…
• 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
• 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
• projeto x Experiência interativa de visão computacional e arte generativa controlada por gestos. Transforme os movimentos das mãos em gravidade…
• 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…
• emergence 这是一件涌现主义 WebGL 作品。空间里没有预先建好的世界，只有点、线、面，以及金、木、水、火、土对应的五种柏拉图立体。它们按相生相克的局部规则互相转化；山、河、晶格、火焰都是规则跑出来的，不是画上去的。…
• little landscapes An open-source procedural world studio for shaping stylized terrain, water, vegetation, weather, and light directly in the browser. Try the…
• 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…
• kuro screensaver A retro-CRT 3D screensaver: eight seeded procedural scenes, a full synthetic CRT signal-degradation pass, a self-typing…
• 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…
• 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
• WebGL Pong Un juego de Pong clásico implementado usando WebGL 2.0 y JavaScript puro. Física de rebote realista para la pelota. Soporte para controles…
• webgl buddha This demo is a WebGL port of Android live wallpaper 3D Buddha Live Wallpaper. Article explaining implementation of soft particles used in…
• LudumDare39 The H.M.S. Hrothgar has been destroyed by a fleet of enemy invaders. You are the only survivor, but your weapons systems are down and your…
• multibrot An animation of the Multibrot set fractal in WebGL. Khan Academy release can be found here.\ GitHub release can be found here.
• parallax studio 可直接上传图片的中文画廊编辑网站，基于 Xian Horizontal Parallax Gallery 改造。 在「图片」面板点击 上传图片，也可以一次选多张或拖入图片。 点击缩略图选中图片；列表右侧调整顺序或删除，下面的按钮替换图片。 在「特效」中逐张选择噪声扰动、RGB…
• 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…
• glass Drop a logo, get it back as a glass app icon. Live at phileeppov.com/glass, where changes land first. I designed it and built it with…
• virgo sd.github.io VIRGO: Space Dominion – kostenlos spielbares Weltraum-Strategiespiel im Browser und als App (Alpha). Kolonien aufbauen, Flotten bauen…
• vroom city A simple blocky 3D driving game for small kids. Drive a car around a little town, sail a speedboat on the lake, fly a helicopter over the…
• 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…
• vaporvaders web 👾 WebGL build of Vapor Vaders A WebGL published version of Vapor Vaders, made in Understanding Game Engine (Summer 2020) taught by Thomas…
• playcanvas quake An in-progress, source-faithful TypeScript port of the original 1996 Quake runtime to PlayCanvas. It reads the original Quake data formats…
• 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…
• 3D Tetris using WebGL A 3D take on Tetris (tetracubes) built with vanilla JavaScript + WebGL2: smooth gravity, collision + locking, row clears, two shading…
• game of life A high-performance implementation of Conway's Game of Life using Rust, WebAssembly, and WebGL for GPU-accelerated rendering with an…
• tower defense Tower defense roguelike en Three.js, con mapa generado proceduralmente que crece durante la partida. Inspirado en Rogue Tower…
• wglt WGLT is a JavaScript/TypeScript library for creating ASCII games in the browser. WGLT is absurdly overoptimized for performance, using…