Three.js demos you can play with right now

Hundreds of Three.js 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

• neon orbit A low-poly space fighter dogfight in low orbit above a lush green world. Pick one of three airframes, then fight the other two. Star Fox 64…
• sketches 3d This holds the outputs of my foray into 3D modeling, shaders, Three.JS, and psuedo-gamedev. It consists of a variety of scenes, sketches…
• crossy road 3d Three.js를 활용하여 외부 에셋(이미지, 3D 모델) 없이 100% 코드로 구현된 절차적 3D 복셀 스타일의 Crossy Road 확장판 웹 게임입니다. 원클릭 모바일 목업 전환: 상단 [📱 모바일 뷰] 버튼을 누르면 PC 브라우저에서도 실제…
• Flow Driving Flow Driving is an interactive 3D driving game you control with your bare hand. Steer, accelerate, and brake using hand gestures captured…
• ThreeJs Fishing Game インストール不要・ブラウザだけで完結。音が出ます。PC + マウス推奨。 日本語 / English 両対応（タイトル画面またはメニューから切替）。GitHub Pages 版はシングルプレイのみ。マルチプレイは Cloudflare Worker…
• datacenter survival You run the physical layer of the cloud. Racks earn money while they are powered and cool — everything else is the fight to keep those two…
• browser gameworkmelt workmelt A first-person shooter built in the browser with Three.js r180 and WebGL2. Roughly 55k lines across 13 subsystems, written by a fleet of AI…
• 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…
• NeedForTokens Third-person arcade racer in Three.js — every mesh, texture, engine note and font is generated procedurally at runtime. No assets, no…
• leonida A GTA VI-style open-world crime sandbox that runs in the browser. Vice City, State of Leonida, rebuilt as a stylized low-poly city in…
• skyward flight simulator An arcade flight simulator in a single HTML file — index.html. Three.js via CDN import map, no build step, no assets: terrain, weather…
• bloodwave fps game A browser-based wave survival FPS built with Three.js. Fight off endless zombie hordes across an open world with 4 weapons, terrain…
• Core MavonEngine is an open-source Three.js game engine built for single player or real-time multiplayer. It combines rendering, physics…
• drive game First-person Nürburgring driving simulator (web + Android). A first-person driving simulator running on real OpenStreetMap track geometry…
• exilum An isometric action RPG that runs in the browser. Three.js, no game engine, and no art assets — every texture, mesh, animation, and sound…
• browser gamevackrooms vackrooms An endless first-person backrooms game, presented as a damaged VHS recording from June 18, 1994. Everything you see is generated in your…
• three doom A port of Doom to Three.js. Shareware doom1.wad included (Episode 1: Knee-Deep in the Dead). For the full game, replace with your own…
• emerald bayou An airboat game set in the south Florida backcountry. Runs in a browser, built on three.js and Vite, with no game engine underneath it. You…
• xwing An xwing WebGL game powered by three.js
• browser gameapex formula apex formula A Formula 1 racing game for the browser, built entirely with Three.js. Every car, circuit, texture, sound and voice line is generated in…Vibe-coded
• moonlander This game was inspired by Lunar Lander. The player controls lander rotation and thrusters in order to safely land on the surface. The…
• three descent A port of Descent to Three.js. Shareware descent.hog and descent.pig included (Episode 1). For the full game, replace with your own files…
• WebGL Tron 3D Tron light-cycle clone in WebGL
• hearthlight.github.io A cozy little life in Marigold Cove — and a big adventure beyond it. This is a demo. Hearthlight is a hobby project, playable from start to…
• turbo kart rally An arcade kart racer in the spirit of Mario Kart, built entirely with Three.js. Every mesh, texture, sound effect and music track is…Vibe-coded
• moon rover Two hundred and fourteen days ago the far-side outpost Beacon-9 sent four seconds of empty carrier and stopped. You operate MU-7…
• voxel musou 一騎當千 · One warrior. A thousand foes. A voxel action game inspired by Dynasty Warriors. Seven officers, four historical chapters and three…
• browser gamejungle trail jungle trail A first-person walk down a winding jungle trail into overgrown stone ruins with a waterfall, built in Three.js with zero external art…
• browser gameinkwave inkwave An original Splatoon-style 4v4 turf-war shooter that runs in your browser. Paint the ground, swim through your ink, out-turf the other…
• server survival Tower defense game that teaches cloud architecture. Build infrastructure, survive traffic, learn scaling.
• VirtualPlotter A 3D pen-plotter simulator in the browser. Drop in an SVG and watch a little AxiDraw-style machine draw it on virtual paper — arm sliding…
• Fun Particle feedback ↑ click any mode to launch directly into it ↑ Master these gestures and bend reality to your will. Allow webcam → wave hands → become…
• 3d sculpture A browser-based generative art tool for creating complex 3D sculptures using recursive algorithms. This application is built with vanilla…
• Flower HUA 同一套程序化花朵引擎，六种玩法。每个页面都是单文件 HTML——点开即用，无需安装、无需构建、无需联网。 One procedural flower engine, six ways to play with it. Every page is a single…
• rainhouse Write down what hurts. Seal it in glass. Bury it in the ground. Leave the rest to time. 末日大雨还在下，这是你自己的房子。把坏情绪写下来，封进罐子，埋进土里——剩下的，交给时间。…
• generative art piecejungle cursor canopy jungle cursor canopy An immersive procedural jungle canopy that reacts to the pointer. Leaves bend away from the cursor, respond to press-and-hold input, drift…
• generative art piecea long expected party a long expected party Eight cinematic chapters across a 136-second timeline. Procedural WebGL terrain, grass, trees, village, atmosphere, and fireworks. Original…
• Meow Generator 中文 · English · 日本語 Meow Generator 由 **Simon_阿文（Simon Lee）** 与 海辛（Ring Hyacinth） 共同创作。每只小猫都由种子和可编辑参数程序化生成；相同种子可以重新生成相同的小猫体型、花色、姿势、玩具、垫子、收藏编号与…
• kage An interactive five-chapter night walk through a Kyoto mountain temple, rendered live in Three.js and layered with cinematic generated…
• Particle Memory VOID A generative particle artwork. Give VOID a photograph, a 3D model, or a point cloud, and it becomes a living memory: thousands of particles…
• generative art piecelego stylized nature lego stylized nature 一场没有终点的微小冒险。驾驶积木飞机，探索由程序生成的森林、河流、沙丘与雪境。 A little adventure with no finish line. Fly a brick-built plane through a procedural world of…
• interactive media 웹에서 직접 만져보는 인터랙티브 미디어 기법 17가지를 한 페이지에 담았습니다. 포인터, 스크롤, 소리, 카메라와 센서. 화면을 바꾸는 입력은 생각보다 다양합니다. 이 사이트는 각 기법을 짧은 설명 + 바로 만져볼 수 있는 데모로 묶어 위에서 아래로…
• popup art book 西洋の名画10作品を、見開きごとに紙の立体として立ち上がる飛び出す絵本にしたブラウザアプリです。左ページが解説、右ページが飛び出す街。見開きをタップすると部品が上の層から順に起き上がり、カメラが自動で俯瞰 → 回り込み → 通り → 画家の構図（額縁つき）と巡回します。…
• Typecraft Typecraft is a browser-native kinetic typography playground and real-time motion graphics studio. It treats text not as flat glyphs, but as…
• handfield Move tens of thousands of glowing particles with your hands, using just your webcam. Pinch and they gather into a swirling ball at your…
• starry sky city 上图由线上站点实时生成：直径 7 km，237 栋建筑，8 座桥，含湖泊、河流、公园与工业设施。 一个纯前端、程序化生成的 3D 城市生成器。使用本地 Three.js 做真实 3D 渲染， 不依赖任何服务端 —— 打开网页即可生成城市。…
• icosahedron 3d An interactive 3D WebGL application built with Three.js and Vite, featuring 3,000 instanced icosahedrons transitioning between dual visual…
• earth 3d An interactive, photorealistic, multi-layered 3D Earth globe rendered in real time in the browser using Three.js, custom WebGL GLSL…
• spacetime Explore a video as a three-dimensional volume of space and time. Rotate the volume, tilt a cutting plane, and discover images that combine…
• anabasis 文字 → 粒子：两个字（字号自动放大）· 一句话 · 一整段（自动缩小折行）· 工作台界面 一件生成艺术作品 + 一套可复现的渲染工具链。 图片是第五种形态。 上传一张图（或拖进来、Ctrl+V 粘贴），程序把它按亮度阈值 / 透明通道 /…
• stillroom An interactive cloth playground in a cozy, sunlit room. Pull the linen curtain, let a breeze in, or cut the fabric and watch it fall…
• misbaha A misbaḥa (also subḥa, or tasbīḥ) is a strand of beads for keeping count in dhikr, the remembrance of God, so the heart can stay with the…
• generative art piecekomorebi light komorebi light 木漏れ日, sunlight filtering through leaves, on a sheet of cold-press watercolour paper, in the browser, at your own time of day. By night the…
• ink shan shui 单文件 · 零构建 · 直接双击就能跑 全部逻辑都在 index.html 一个文件里，Three.js 通过 importmap 从 CDN 取（three@0.160.0）。 为什么不直接从峰顶往下冲？山脊在水平方向只有约 4 个单位宽（笔刷 σ 窄），…▶ 3 plays this week
• offline interactive works 本目录收录可直接在浏览器中打开的离线交互作品与实验页面。作品以单文件 HTML、少量本地脚本或静态资源为主，适合本地双击预览和归档。 构建产物与历史备份按 .gitignore 排除。 每个 HTML 文件通常是独立作品，具体入口以文件名为准。
• flores amarillas universo Aplicación web para crear y compartir un universo romántico personalizado. Cada regalo combina una experiencia WebGL 360°, una carta, 18…
• Shipping Site A high-end, Awwwards-style corporate website for Jeevan Global Logistics — a global freight forwarder and logistics provider. Built with a…
• generative art piececubic mm cubic mm Walk through a real cubic millimetre of mouse brain. 1,711 real neurons, 156,882 real synapses, and a live spiking simulation you can set…
• threejs portal A three.js scene with a glowing portal and fireflies, built to test texture baking and keeping a scene fast on a range of devices. Live at…
• 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…
• calibre m01 tourbillon A mechanical wristwatch that actually works, built entirely in code and running in your browser. Every gear meshes at its true ratio. The…
• motion fx lab Make editable motion graphics and export them to MP4: social clips, product demos, infographics, animated titles, backgrounds and character…
• cosmo flow Interactive Real-Time 3D WebGL Visualization of the Laniakea Supercluster & Cosmic Velocity Flows Based on cosmological research by Tully…
• generative art piecenext js conf 2024 next js conf 2024 An interactive 3D web experience celebrating Next.js Conf 2024: the word "NEXT" rendered as voxel-style 3D lettering built from dozens of…
• koi pond garden An ultra-realistic, interactive Japanese koi pond garden — rendered in real time in the browser with Three.js and custom shaders. The…
• bedroom bricks **Van Gogh's The Bedroom (Arles, 1888) as an interactive 3D building manual: 514 bricks, 12 steps, every colour taken from Vincent's letter…Vibe-coded
• nocturne an experience in motion. A single-page, hyper-animated dark web experience: a portfolio and demo piece built with vanilla JS, GSAP, Lenis…
• Krishnastmi An ethereal, interactive 3D WebGL digital sculpture capturing the supreme divine bond of Little Radha Ji and Little Krishna (Jugal Jodi)…
• bookshelf A continuous 3D bookshelf of fourteen volumes, spanning six centuries, about the moment a person stops being one and what they traded for…
• jellyfish three.js Real-time procedural jellyfish swimming through an ocean of code, powered by WebGPU.* → Watch Aurelia swim live ← There's something about…
• lumaform orb A WebGL exploration tool for designing animated AI-assistant orbs — the kind of ambient, reactive visual an assistant uses to show what it…
• ai model runway English | 简体中文 · Live demo: ai-model-runway.vercel.app A procedural 3D fashion show where a year of AI model releases walk the runway, in…
• KAGE JAPANESE An interactive five-chapter night walk through a Kyoto mountain temple, rendered live in Three.js and layered with cinematic generated…
• credits cubed Six Credits. One cube. Scramble it, turn it back, or stop anywhere: every side you turn is a new Credit. Credits³ is a picture-cube puzzle…
• aquarium Интерактивная 3D-инсталляция: живой аквариум, в котором всё зависит от зрителя. Аквариум — самый маленький из миров, за которые человек…
• point cloud city A procedural city drawn entirely as pencil stipple, where every district is a real AI provider — and its completeness is that provider's…
• 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…
• 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…
• 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 的纯前端可视化系列 · 零依赖 · 打开即用 时代定其方位，篇章赋其辉光，文脉牵其引线，遂成璀璨诗图。 沉浸式星图漫游：拖拽旋转、滚轮缩放，诗人在宇宙中按朝代方位散落。…
• 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…
• 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…
• 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…
• trefoil A live 3D rainbow trefoil — one loop, three crossings. Drag it, recast it as a word, or drop a logo. Same candy studio. Eight uses (2 + cos…
• 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…
• 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…
• gitstrata Your code left a fossil. GitStrata turns a public GitHub profile into a rare digital stone: an irregular obsidian formation with luminous…
• 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…