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

• learn webgl shader · webgl
• web demo3D slader 3D slader glsl · shader · slader · webgl
• js13k 2d A 2kb webgl 2d sprite renderer, designed for Js13kGames. This library is under development and should be considered as an unstable. There…
• babylon 3dtiles demo Minimum implementation for a Babylon.js 3D Tiles renderer by extending the classes from 3DTilesRendererJS. Bounding volume math in based on…
• html5 demo godot Disclaimer, image isn't me, but from: https://www.youtube.com/c/SonicWorkflow
• vtk wasm demos A collection of VTK.wasm demo applications
• halden strata A scroll-driven 3D website for a concept electric GT race car. The camera flies around the car as you scroll, the world reacts to your…
• tennis training First-person tennis in the browser, where your phone is the racket. Wii Sports-style motion controls with nothing to install: the game runs…
• meniscus Type that floats. A word sits in a live pool of water: the water climbs each letter's edge, the floor takes its shadow, and when the word…
• creative coding xmb wave background This project recreates the iconic XMB wave animation from the PlayStation Portable (PSP) menu interface, entirely using HTML, CSS…
• obsidian site pasta A minimalist, single-file creative web development experiment featuring an interactive GLSL liquid metal sculpture synchronized with smooth…
• geo runtime The .geo binary is the runtime. Not a format an engine reads — the thing that executes. Rust/WASM hosts it, WebGL2 displays it. v0.1 · a…
• generative art piecewhistlevale whistlevale A model railway exhibit that anyone can contribute to. Model railway clubs have built exhibits this way for a century. Nobody makes the…
• ThreeImageTransition An interactive WebGL experiment that breaks two photographs into animated triangles and transitions between them along cubic Bézier paths…
• planet based A creative studio where design, technology, and the living world meet.
• p5js code challenge Ten generative sketches built with p5.js, following the Coding Challenges by Daniel Shiffman on The Coding Train. See them all running live…
• ink arcade You fly a kettle-shaped rocket between little doodle planets to relight the Great Lantern. There are quests, races, fishing and a sticker…
• Browser Games Directory A curated collection of 34 classic, retro, and web-ported games preserved to run directly inside modern web browsers. Every title in this…
• retro pocket games 85 games across 8 categories - the arcade canon plus a growing library of puzzle, memory, reaction, shooter, and neon-style original games…
• ironfront Three free browser games by Daniele Bros: tank combat, real-time strategy, and a voxel survival sandbox.
• music video games Beat-synced music videos and rhythm games for haivivi's STEM songs, written entirely in code. Every frame is a function of the song's time…
• Arcade of Life A browser-based arcade game collection powered by Conway's Game of Life — and 50+ other cellular automaton rulesets. Draw defensive…
• opus 5 5 overnight builds Each build got one detailed brief and a time budget. Claude Opus 5.5 then worked alone in Claude Code: planning, writing code, taking its…
• veyra core A creative web experience engine. Veyra is the runtime foundation behind ambitious, art-directed websites — immersive campaigns…
• random html games Browser games that live in one HTML file each. No installs, no build step, no asset downloads — open the file and it plays. Everything is…
• game product ws 🎮 8 browser games + 11 Roblox games. Play now: https://rsasaki0109.github.io/game_product_ws/
• ink arcade 狙って撃つだけ。ブラウザでそのまま遊べる、インク系シューティング2本立てです。 レールの上を自動で進む3Dレールシューター（強制スクロール）です。 照準を合わせるだけで、BGMの16分音符に合わせて弾が出ます（オート射撃。メニューで手動にも変えられます）. 的の真ん中に当てると…
• claude opus 5.5 games Three browser games built with Claude Opus 5.5 and three.js. There is nothing to install: open a link and play. All three are best on a…Vibe-coded
• labs 21 live web demos. No npm. No React. No build step. Shaders, particle systems, fluid fields and generative scenes. Every demo is a single…
• interactive showcase Eight live demos in a single page: flocking, pathfinding, a raymarched surface on the GPU, generative flow fields, sorting, cellular…
• onkochishin A local, searchable gallery over the 57 self-contained demos in elder-plinius/FABLE-SHOWCASE. Our own work here is MIT (LICENSE). Upstream…
• web demosolar system solar system An interactive, playable 3D space exploration game built with Three.js and Vite. Explore infinitely many procedurally generated solar…
• mesh. mesh. is an interactive WebGL particle sculpture. A field of 7,680 points bends into six forms—Silk, Orbit, Wave, Knot, Sphere, and…
• Damn Shit Alpine parallax landscapes, brushed-metal macOS Aqua windows, dithered pixel trails, and interactive creative builds — crafted for Sunil…
• portfolio A hand-drawn 3D sketchbook world. Tear the paper, knock on the door, walk the corridor, open the rooms. “Computer engineer by training…
• chronoscope From a painted cave in 17,000 BCE to a generation ship in 3412. From grounded history to high fantasy. Every picture is drawn in code. The…
• nextjs webgl templates 13 open-source Next.js 16 + React Three Fiber / WebGL templates in one app. Raymarched black holes, GPU fluid simulation, a million-agent…
• miitomo web Miitomo Web is an unofficial, fan-made reconstruction of Nintendo's Miitomo (Android 2.4.0) that runs in a desktop browser. It does not…
• oriel A scroll-driven story for a fictional independent watchmaker, built as a portfolio piece by Ayoub Benkreira. The Calibre O-1 is modelled…
• ferrari f400 A scroll-scrubbed cinematic reveal. A red 1987 Ferrari F40 sits under black silk in a dark Maranello studio. The visitor scrolls, the cover…
• shop sim 3d A walking simulator set in an Indian supermarket, built with Three.js in plain JavaScript. You get a shopping list, find each item across…
• 3d math wall game Transform your number before the wall arrives. A colorful 3D arithmetic action puzzle built with JavaScript and Three.js, playable directly…
• motorworks halloween Build it on the line. Drive it through the fog. Outrun the law. A third-person 3D car factory, customization and open-town action game that…
• starport 3d portfolio 这不是"照蓝图重搭"，而是星港网站的真实源代码本身，分类整理好、框架写清楚—— 拿到这个文件夹（或压缩包）丢给任何模型（含国产大模型），就能 1:1 复刻整个外壳。 外壳 = 100% 真站（真 ISS 空间站 GLB + NASA 真地球贴图 + 全部 3D…
• Startup Simulator A 3D business simulation in your browser: grow a company from a garage to a skyscraper, and learn business administration and accounting…
• sheraz portfolio A single-page portfolio with a WebGL "agent graph" that reshapes itself as you scroll. Open the URL Vite prints (usually The dev server is…
• buyi 这个仓库现在有两个版本的源码：planet/ 是当前线上版（《小王子》3D 星球）； 根目录的 src/ 是上一版「纸本档案」（React 版），保留下来可回滚，不再参与构建。 把作品集做成一颗星球：地面是程序化生成的（IcosahedronGeometry(2.4, 5)，约…
• silkify Open the live gallery → Silkify anything. silkify turns any image into a touchable silk surface on the web. At rest the object is matte and…
• portfolio My portfolio, live at krishviramgama.vercel.app. Short on time? Press Q on either page for the quick lap: the 60-second version. Vanilla JS…
• aether celestial experience One thousand characters. Two worlds. A different battle each time. An interactive creative development project by Bekassyl Zhaksylyk…
• FastBite Unity, C# ve UI Toolkit ile geliştirilmiş, 2D arcade tarzı burger hazırlama oyunu. Ekranda süzülen malzemeleri yakalayın, tarif kartına…
• roadline95 A circuit racing game for the browser in the style of the mid-1990s racers: the first texture-mapped 3D worlds, SVGA 640×480 in 256 colors…
• pigment drift generator Watercolor backgrounds for the web. Still or moving, endlessly tweakable, and ready to drop into your site. Pigment drift is the slow…
• caught modi Caught Modi is an endless 3D runner game built from scratch using HTML5, JavaScript, and the Three.js library. The game features a fun…
• claude bandicoot An action-packed 3D browser platformer runner inspired by Crash Bandicoot, built using Three.js, procedural 3D modeling, Web Audio API…
• web demoWebGLMandelbulbFractal WebGLMandelbulbFractal DHBW Stuttgart WebGL Project that displays a 3D Mandelbub Fractal without the use of any third-party libraries or tools.
• threejs shader editor This is a simple shader editor for Three.js. It allows you to edit the shaders of testing mesh in real time. It's GLSL used for glsl2.0 and…
• Sky Shader Interactive procedurally generated sun and skies. Run it in your browser. This extends code from my Ludum Dare 33 entry, Otherworldly…
• Rainy Night Convenience Store 一个三渲二（Cel-shaded）风格的日式便利店雨夜街角微缩景观。 整个场景是一个可以自由拖拽、旋转、缩放的实时 3D 模型，没有任何 UI 界面元素。 在线预览： 浏览器需支持 WebGL；首次加载约 2.1 MB，完全离线自包含。 便利店本体：发光招牌带（HOSHINO…
• demolishedWebGPU demolishedWebGPU is a shader rendering engine based on WebGPU. WebGPU is a new web API that exposes modern computer graphics capabilities…
• scenoco three "Scene", "Node" and "Component" combined together to represent the idea. And to book a cool name. TL;DR: it's my approach to marry the…🔥 1
• le releve Your git history, raised as a landscape on the flower of life. Each creation is a peak, as high as its working days (the days git saw it…
• circuit idle A car/automation-themed idle/incremental game in the spirit of Antimatter Dimensions (AD) — a fully static web app that saves to…
• web audio threejs starter A minimal React starter for turning a local audio file into audio-reactive 3D visuals with the Web Audio API, Three.js, and React Three…
• magnetic lacquer A 3D sandbox for previewing magnetic nail polish (cat-eye / velvet) finishes. The magnetic field is solved exactly from a surface-charge…
• 3d web pack How a pack file is structured. Each agent owns one layer of a high-end 3D site. They hand off to one another automatically. WebGPU reached…
• pixel shader academy Learn GLSL the way you learn a video game. 🎮 Play the Free Demo → · 🛒 Buy on itch.io → · 🌐 Landing site Pixel Shader Academy is a…
• paper crumple demo An interactive demo of crumpled paper balls: click one to unfold it into a card, drag to pick it up, flick to throw it. The crumpling…
• three projective media Projective media for Three.js, validated under real application constraints. three-projective-media projects one HTML video texture onto…
• Cazi r.github.io Kişisel portfolyo sitesi — retro masaüstü arayüzü. Tek dosya: index.html. Harici bağımlılık yok (yalnızca Google Fonts). Kaynak…
• shimmer text A soft-blur front sweeps across your text, then settles into crisp type. One file, zero dependencies, 8 kB gzipped. The text stays…
• atmosphere Pass in a time and a weather, and it roughly reproduces that sky. One WebGL fragment shader, no dependencies, no DOM or framework…
• programmatic patterns A collection of generative HTML backgrounds. Each file is fully self-contained — no build step, no dependencies. Download and open in any…
• particleforge Real-time GPU-accelerated particle system editor in your browser. Create stunning VFX with force fields, color gradients, and 12 presets…
• web demoR3FSketchMaterial R3FSketchMaterial A hand-drawn ballpoint look for React Three Fiber. Any mesh gets scribbled hatching that follows the light, wobbly pen outlines that…
• revealed Paint one image out of another. A wet-edge WebGL reveal for React and plain JS. ![A scripted pointer sweep tears a photograph of a beige…
• BrickerP.github.io Personal site of Yupeng Lu, AI agent & backend engineer. The root / is a static landing page (positioning, proof, /hire/); /about/ is the…
• rainforest sounds Welcome to the Dopamine Reset Facility. We have frogs, gravity, and a support sloth whose response time is measured in geological eras…
• drone simulator Fly a racing quad or a scout helicopter over a procedural city. Seven-mission story campaign, hostile drones, two-player battles — all in a…
• rishu builds.github.io An interactive personal developer portfolio built with Three.js (WebGL), responsive layouts, smooth scroll animations, and live project…
• portfolio website Bridging Silicon, Bare-Metal Firmware, Algorithms & Multimodal Intelligence. This repository houses the personal portfolio and…
• 3d room An interactive WebGL room rendered in the browser with Three.js. The scene uses fully baked lighting exported from Blender, a runtime…
• three default cube Discover the robust gamedev solution that is the Default Cube. Built from the ground-up to not support React, not support memory leaks, and…
• terrain Creating a 3d terrain in WebGL, with each step being made as a Github release. Step 6: First person controls. Step 8: Add jumping &…
• manik portfolio Personal portfolio site for Manik Rana — a multi-page Vite build combining hand-written HTML/CSS/TypeScript pages with small, targeted…
• web democomplete shelf complete shelf An original, interactive Three.js library of seven clothbound hardcovers. Browse the continuous shelf, pull a volume into a responsive…
• mdv demo rpg cat A small retro action-RPG in a 2.5D pixel diorama. After a night storm, page 7 of the library's old codex is torn into three pieces, and…
• portfolio vitu A portfolio for backend and product engineering, built around four case studies and a persistent procedural black hole. The homepage…
• nucleus io A flyable 3D portfolio: pilot a spaceship through a neon void, open project orbs, and collide with physics text. NUCLEUS.IO is Roy Wang's…
• threejs games portfolio Colección de juegos interactivos 3D construidos con Three.js y WebGL. Hacé click en cualquier juego para jugarlo. ¡No necesitás servidor…
• imperios 1800 2100 Un juego de estrategia en tiempo real en la tradición de Age of Empires II, con las cinco edades corridas de 1800 a 2100: del vapor a la…
• editor Every workspace name below drops the @jolly-pixel/ scope: network is @jolly-pixel/network. Workspaces are grouped by sub-domain. Each arrow…
• generative art pieceimage particle fx image particle fx 这个仓库的 skill/image-particle-fx/ 是一个 Claude Code Skill。安装后，给 Claude 一张图并说「把这张图做成粒子消散效果」，它会自动：看图做美术决策（效果、配色、运镜、节奏）→ 生成项目 → 渲染截图自查 → 交付网页 / 视频…
• portfolio 3d A React portfolio with a Three.js field, seeded canvas artwork and a Collatz explorer. Source guide drawn from the files in this…
• ink wash painting skill A Claude skill that paints Chinese ink-wash (水墨) of any subject as live browser art — WebGL2 shaders for paper, water and ink, Canvas…
• webgl Three.js and hand-written GLSL: 3D product configurators, engineering calculators, and interactive sites. Available for contract work…
• stille A fully animated one-page website I designed and built to pitch my web design work to local businesses: proof that a small business site…
• rummy Real-time 3D scenes rendered as ASCII, in WebGL2. Built for hero backgrounds. rummy takes a raymarched scene, a video or any canvas and…
• generative art piecefluid wallpaper fluid wallpaper Living generative ink for the web — WebGL2 fluid you can embed, tune, and leave running. fluid-wallpaper is ambient artwork that feels…
• vernier gl Interactive design grid — a snapping, measuring WebGL backdrop. An infinite 8px grid that reveals itself around your pointer. A crosshair…