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.

WebGL lets a web page talk straight to your graphics card, which is how a browser tab pulls off real-time 3D, millions of particles or a full-screen shader. This stop is the GPU-powered end of the cruise: fast, shiny and occasionally loud on the laptop fan.

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

• last stand A 3D wave-survival action RPG that runs in your browser. Hold the arena against endless waves, and after every wave make the call: bank…▶ 5+ plays this week 🏆 #8 most played this week
• yako A single-page cinematic WebGL experience: a five-chapter night descent through Rokujō Ward, a rain-lit megacity that only exists at…▶ 3 plays this week
• Magic Mouse Movements Complete, accessible cursor effect kits for product stories, portfolios, data reveals, guided navigation, and experimental websites. Try…
• aetheria Generative backgrounds, tuned by hand. A free, installable WebGL studio for cinematic backgrounds. Everything runs locally in the browser…
• crt screen Wrap anything in a CRT. Aperture grille, scanlines, vignette, mains flicker — and the content underneath stays live. That selection being…
• roadster flight experience ▶ 在线体验 · 查看场景代码 · 素材与第三方说明 个人自制、非官方的视觉交互作品。封面为 AI 辅助设计，下面的截图来自实际 Demo。推荐使用电脑与支持 WebGL、硬件加速的浏览器体验。 本项目使用 Three.js 0.160.1 + 原生 JavaScript +…Vibe-coded
• web demosublevel studio sublevel studio A single-file Three.js studio concept built around an interactive Kyoto lobby, playable objects, and an editorial portfolio. View the live…
• hideaway Build a disguise with the voxel editor and play hide-and-seek with local bots in a two-story house and garden. Hiders can reshape their…Vibe-coded
• solar system webgl 单文件、零依赖、零网络请求的太阳系 WebGL 模拟 —— 一个 HTML 文件，双击即用。 轨道基于 JPL J2000 历元开普勒根数实时计算，贴图全部由 Canvas 噪声程序化生成，不加载任何外部资源。 真实轨道力学：J2000 开普勒根数 +…Vibe-coded
• capybara delivery 3d Play as a chill capybara delivering food on a bicycle. Stack orders to the sky, manage deliveries on your in-game smartphone, cruise…Vibe-coded
• WebGL Particle Sim (Mostly) vibe-coded interactive particle simVibe-coded
• murph tesseract A walk through the Tesseract from Interstellar — where time is no longer a line you fall down, but a room you can step inside, and a book…Vibe-coded
• sangeet nights A browser-based 3D Bollywood party game — pick a character, wander a neon sangeet, and finish five tasks before the music runs out. A tiny…Vibe-coded▶ 3 plays this week
• v gallery A 3D corridor of colored cards bent into a V — you scroll through it, hover brings a card to the front, and a click drops a new card into…Vibe-coded
• meridian line A browser FPS set in a detailed 3D subway station, built with three.js. Hold the platform at Meridian St: the first wave climbs up from the…Vibe-coded
• nova lancer Claude Code × Claude Opus 5.5（MAX） で、依頼 1 回・約 1 時間 40 分で作りました（トークン使用量は制作についてに記載）。 スターフォックス系の 3D レールシューティングを、ブラウザ向けにゼロから作ったオリジナル作品です。…Vibe-coded
• szopka A Kraków folk-art tradition, built in code. An interactive 3D szopka krakowska floating in space: foil-bright towers, a dragon in his cave…
• rain on glass An interactive rainy window at night. Wipe the fogged glass with your hand, watch the city come into focus, and wait for it to steam back…Vibe-coded
• browser gameceladon celadon A 3D pottery game with nothing in it but code. Throw a pot on a wheel, dry it, trim a foot, glaze it, fire it — and then find out what the…Vibe-coded
• ImADragon onepromptcode game A fully procedural Spyro-style 3D platformer in Three.js — built from a single prompt. ▶ Play it in your browser · Read the prompt · Module…Vibe-coded
• sky isles A complete, dreamlike floating-islands browser game built with Three.js — 9 grass-topped sky islands at different altitudes, rope bridges…
• rez hyrule Awaken the Triforce. Become the light on the rails. A Rez-inspired rail shooter set in a vector-lit Hyrule, built from scratch with…
• browser game3d drucker center 3d drucker center Ein 3D-Browserspiel aus der Ich-Perspektive: Du betreibst eine eigene 3D-Druckerhalle. Kauf Drucker und Filament, stell die Drucker auf…
• zummi gummi This repository preserves the final browser-based prototype of Gummy Bears, built with three.js and Box3D. Future game development will…
• us map jigsaw 3d A complete, interactive 3D United States Map & Capitals jigsaw in one self-contained HTML file. Thirty signature state blocks are scattered…
• ariel heir of thunder ▶ Play it in your browser (desktop Chrome, Edge or Firefox; mouse and keyboard; the first load is about 160 MB) A third-person action RPG…
• miximos play ▶ Play now in your browser: free, no download, works on phone and desktop. Start with fire, water, air and earth. Drag two elements onto…
• browser gametilestead tilestead An island to settle. Friends to play with. Tilestead is a board game about settling an island, played in the browser with your friends and…
• browser gamepowder line powder line 브라우저에서 바로 즐기는 3D 스노보드 게임 라이더와 보드를 내 스타일로 꾸미고, 세 개의 설산 트랙을 골라 메인 메뉴에서 조작 모드를 고를 수 있습니다. 처음이라면 쉬움(기본값)으로 시작하세요. 💡 착지할 때 보드가 진행 방향(또는 정반대 =…
• treasure quest An interactive 3D island treasure hunt built with Three.js and WebGL. Explore the stylized low-poly island, gather all glowing gems…
• generative art pieceinteresting x phase portrait interesting x phase portrait A 2x2 matrix turns every point into an arrow and the beads follow. Slide one puck across a map of just two numbers, the trace and the…
• game 一款完全跑在浏览器里的赛博科技风 3D 第一人称射击游戏。零外部模型、零外部音频 —— 场景、枪械、敌人全部程序化生成，克隆下来双击就能玩。 下载仓库中的 nexus-strike-standalone.html（约 570 KB，整个游戏打包在一个 HTML 文件里），双击用…
• puzzle gameGameSlop GameSlop A small planet has gone dark. One flame still burns. You drift across its surface raising lanterns, weaving beams of coloured light from…
• starlink Starlink is a website and a 3D game in one. The site is also a slideshow presentation (press Present), and the full game runs inside the…
• fractal terrain Then open . Any static server works. Shareable links carry the scene state in the URL, e.g. ?algo=ridged&seed=42&land=0: ui=0 hides the…
• browser gamewolin wolin A calm real-time tactics game with active pause, played in the browser. Around the year 970, ships from many shores come to the merchant…
• game 由 AI 製作的網頁遊戲收藏館，每個遊戲都是獨立、免安裝的單頁網頁。 更新 updated 日期並 push，首頁會自動出現新卡片。
• tengwang pavilion 一座用代码重建的滕王阁，与一整卷悬在楼阁四周的《滕王阁序》。 全文 936 字（序 + 附诗）被切成 76 列竖排诗轴，一句一列、列内不换行，按设计好的天际线高低错落挂在檐口之外；朗诵原声（4 分 10…
• interesting x maze nca No tile can see the whole maze. Each one only checks the four tiles touching it and says: I am one step further than my closest neighbour…
• nanobit Interactive 3D particle dust & optical depth gallery powered by WebGL2 and monocular neural depth estimation. nanobit transforms classical…
• battle city reforged public A modern remake of the NES classic Battle City built with Three.js, TypeScript, and Vite. All art, models, textures, particles, music, and…
• mkfuel Real-Time Interactive Navier-Stokes WebGL Fluid Physics Simulation. High-performance creative coding experience featuring real-time dye…
• htmlincanvas demo A live catalog of Canvas UI — 33 shader effects running over one real, interactive HTML page. Canvas UI is a genuinely impressive library…
• mkparticles Real-time, high-density WebGL point cloud with custom GPU GLSL turbulence shaders and post-processing. Built with Next.js 15, React Three…
• build your home Jogo de decoração de interiores em 3D que roda direto no navegador. O jogador escolhe uma casa vazia, abre janelas e portas, mobilia cada…
• mezzotint Images, made of living dust. mezzotint turns any picture into thousands of particles. They hold its shape, drift, scatter under your cursor…
• trolls fangs goblins 3d [!IMPORTANT] 🎮 Juega ahora: trolls-fangs-goblins-3d.vercel.app Funciona en el navegador, sin instalar nada. Mejor en ordenador. Tower…
• letter murmuration Every letter on a web page becomes a creature with a body and mass — and flies off in a flock, like starlings. ▶ Live demo · 🔖 Install the…
• interesting x euler formula e to the i pi = -1 sounds like magic. Start at 1 and repeat one tiny move, turn a little and stretch a little. The stretch dies away, the…
• generative art piecesakura sky island sakura sky island 一个纯程序化生成的「樱花空岛」3D 场景，单文件网页，用 Three.js 从零建模——没有任何外部模型、贴图或音效素材，所有几何体、贴图、云层、星空、月面都是在运行时算出来的。 A procedurally generated floating sakura island…
• camellia bloom 在线预览 → （HTTPS，摄像头可用；桌面 Chrome / Edge 体验最佳） 一握手，花收成一枚苞；一张开手掌，白山茶便一层一层散开，跟着手走，指尖还能轻轻拨动花瓣。 Three.js 粒子 + MediaPipe Hands 21 关键点 + 自定义 GLSL，纯原生…
• 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…
• neon rain district An interactive, fully procedural 3D rainy neon city block for the browser. A single square city block — 152 × 152 units — suspended in a…
• kharos Многопользовательская браузерная RTS в духе Rusted Warfare и Rust. Игрок начинает не с готовой базы, а с машины-основателя (MCV) и…
• wind fields （鼠标移进画面可以接管飞机；左键顺时针翻滚、右键逆时针翻滚；顶部标签切场景） 左/右方向键切换场景，也可以点顶部标签。鼠标移动会有轻微视差。 相机从正上方往下看（OrthographicCamera，up = (0,0,-1)），所以路等宽、树不会倒、云不会被透视拉歪。…
• MathuraTrip1 Five friends. One shaky 7-seater Innova. 84 km to Mathura. You are Sahil, and this is your first proper highway drive. Ajeet and Saurabh…
• Vigile Shooter de survie en vue subjective, dans le navigateur — une chapelle romane, huit heures de nuit, douze assauts de morts, et L'Officiant…
• terre 1 1 La Terre entière à l'échelle 1:1, en 3D dans le navigateur. Volez comme Superman ou courez à Mach 1, du ras des vagues jusqu'à la Lune…
• country road simulator Narrow lanes, towering hedgerows, tractors, ramblers and sheep with no sense of urgency. A 3D browser driving game set on the country roads…
• glass archive A cinematic, scroll-driven 3D architectural portfolio and interactive monograph blending Japanese aesthetics, custom WebGL/Three.js…
• pure smoke Particle smoke in a glass cube. Free and open source under the MIT licence, made with three.js. Most smoke on the web is a video. This one…
• voice orb by UV · MIT licence · github.com/imuvrays1/voice-orb Try it live → imuvrays1.github.io/voice-orb An audio-reactive orb for voice…
• gradient flow background 本项目作者完全不懂开发，所有代码、功能都是 AI 写的，包括这份说明文档。如果有低级错误，请见谅。 一个网页工具：做出会缓慢流动的彩色渐变背景。纯 WebGL 实时渲染，零依赖、离线可用、不用安装任何东西。 配色来自 10 套预设 + 色带上 12…
• interesting x gaussian integral No ordinary formula gives the bell curve's area. So build a 3D bell hill and weigh it twice: cut into slabs it holds area x area, peeled…
• OpenCity A GTA-style open-world game that runs entirely in the browser. Swing across a 10×10-block city on webs, drive, fly, sail the harbor, take…▶ 3 plays this week
• aether moth 蒸汽朋克天文钟观测厅中的互动机械飞蛾。黄铜骨架、琥珀云母翼膜、巨型星象钟盘与实时振翅遥测。 在线预览 · Three.js · WebGL 以太飞蛾：程序化黄铜骨架、复眼、绒毛、云母翼膜与鳞片纹理，带有非对称振翅相位、二次谐波与惯性俯仰。…
• bubble hero 3d 一个给 4-6 岁 孩子玩的 3D 横版泡泡射击小游戏。浏览器直接打开就能玩，手机、平板、电脑都可以。 玩起来像"魂斗罗"，但不会流血、不会失败。 泡泡会自动瞄准最近的小怪兽，孩子不需要对方向。 把小怪兽打成星星，跳起来吃空中飘着的金色星星。 跑 132…
• threejs timeline 用 Three.js r186 + TSL 做的可配置 3D 时间轴：一年一根毛玻璃立柱，沿时间轴排开，两端退进紫雾里。 年份范围、标题、色带都集中在配置里，默认附带一份 Web 发展史示例数据。支持 WebGPU，浏览器不支持时自动退回 WebGL2。…
• rene shooter A third-person beach shooter built with Three.js. You play Rene: a 3D model based on the Ateneo #2 photo (white "ATENEO" #2 jersey with…
• naorush Un jeu de plateforme dans les bureaux d’Inetum, façon Rick Dangerous et Prince of Persia. Les NAO commencent jeudi et l’enveloppe des…
• greenhouse game A 3D browser game about a small tomato greenhouse. You pick a variety and take ten plants to harvest: switch irrigation, grow lights and…
• VisualEffects A curated set of interactive visual effects extracted from 51yifei — each one is a single self-contained file with no build step and no…
• playground A small light for every season. Interactive 3D experiments for the web, built with Three.js and React Three Fiber. A new one switches on…
• white isle drive A free-roam driving game set on a Mediterranean island modelled loosely on Ibiza. Cruise the coast roads, buy and collect cars, set records…
• p atlas open source 示例收藏含 378 张原始记录 → 339 个星点 · 501 个不同 P 值。连线表示共享 P 值，不是语义相似度、模型训练关系或效果保证。这里的 P 指 Midjourney 的 --p / --profile 个性化参数，不是统计学 p-value。 打开 。不需要…
• qr volde A giant 3D QR code that unfolds into a living Himalayan chowk. QR Volde is a scroll-driven 3D web experience. A dark-square QR monolith…
• duo fold game 每折一下，这台 15999 元的折叠屏都可能当场报废。你敢折几次？ 免安装 · 手机可玩 · 中英文自动切换 一台 15999 元的折叠屏交到你手上。每折一次，它可能升阶、可能毫无反应、也可能当场碎成渣，而每一次折叠都会让下一次更危险。…
• interesting x spec decoding A fast little model guesses the next word, a big one judges, and marbles pile up in glass tubes. Keep each guess with chance big ÷ small…
• waterfall webgl A WebGL waterfall simulation from a simple particles system. Port of an old OpenGL project: particles-gpu. Original idea from Chris…
• SmokeGL Reproduce the scene of a lit candle. Flame and smoke represented as particles systems. Use shaders and technologies studied to model the…
• simulationwaterfall webgl2 waterfall webgl2 A WebGL 2 waterfall simulation from a simple particles system. This is a WebGL 2 port of my WebGL project Waterfall. WebGL 2 transform…
• paint webgl Interactive and dynamic painting simulation in WebGL. This is a WebGL port of the visualization part of my OpenGL project flow-gpu. The…
• EmojiEngine The world's fastest rendering engine, for emoji. Made for TerribleHack X
• AETHER HAND Welcome to Aether-Hand, a "funny business" project that turns your webcam into a gateway for the Mystic Arts. This isn't just a shiny…
• ParticleSystem Real-time 3D particle system controlled by hand tracking using Three.js and MediaPipe for simple use view design ....update
• web demohand gesture project hand gesture project A browser-based hand-gesture controlled visual experience. It uses MediaPipe Hand Landmarker to track your hand from a webcam in real time…
• webgl fractal explorer Simple WebGL based fractal viewer. Currently contains the Mandelbrot, Burning Ship, Multibrot, and Lyapunov fractals. Color pallete…
• collapse Collapse DOM elements into WebGL representations of their pixels. The example in this repository uses Express, but Collapse does not depend…
• lizi 一个基于 Three.js 和 MediaPipe 的高性能粒子可视化交互系统。通过摄像头捕捉手势，实现与数万个粒子的实时互动，支持自定义文字和图像生成。 🚀 高性能渲染：利用 WebGL 和 Three.js 渲染超过 50,000 个粒子，保持流畅的帧率。 握拳…
• dead air Don't trust familiar faces. 别相信熟悉的脸。 ▶ **Play: (desktop browser, headphones recommended · 电脑浏览器，建议戴耳机) 浏览器里的 2–4 人合作恐怖解谜逃脱游戏。Three.js…
• daily escape There is no finish line. The course keeps going, and every section it throws more police at you, then heavier police, then faster police…
• magical risograph A brutalist, tactile web experience built around the rituals of letterpress printing. MÄG-RISO simulates a working print shop — from the…
• bad A web remaster of B.A.D. — Blasting, Annihilation & Destruction, the 1997 DOS shoot-'em-up by Pseudos Software, published by Webfoot…
• Project repo 5 Interactive 3D particle-field visualization that morphs into geometric formations, reacting to user interaction and gesture controls
• particle system three.js ��# <� � P a r t i c l e U n i v e r s e A n i n t e r a c t i v e 3 D g a l a x y b u i l t w i t h T h r e e . j s , f e a t u r i n g t…
• web demoquantum dust quantum dust An interactive WebGL particle visualization built with Three.js and MediaPipe Hands. Control thousands of glowing particles using real-time…
• galaxy hero A WebGL galaxy that fills a page's hero and never leaves. A flock of stars rests inside it and gathers into shapes over it, an emblem and…
• webgl wind A WebGL-powered visualization of wind power. Capable of rendering up to 1 million wind particles at 60fps. Cameron Beccario and his…
• nucleo interface Uma interface de conversa por voz e texto com o Claude, representado por uma forma viva feita de milhares de partículas 3D. As partículas…
• geometric particles The set of several geometric shapes with particles moving inside. creates a scene and a camera creates particles with settings for a…