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.
Three.js is the library behind most 3D you see in a browser: it wraps WebGL so a scene, a camera and some lights take a few lines instead of a few hundred. Here that means spinning worlds, little 3D games, shader showpieces and things you can orbit with a drag.
Made one of these? See how many people played yours → or use email
Best first 1–100 of 1206
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
el mosco
A cute-brutal interactive story. Kawaii pastel visuals as a Trojan horse for the abyss. You advance by completing challenges — each one…
wave arena studio
**Give it a song. It reads the whole track, decides what that song is, and performs it as a body of water.** There is also ENTER DEMO — an…
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
roadster flight experience
▶ 在线体验 · 查看场景代码 · 素材与第三方说明 个人自制、非官方的视觉交互作品。封面为 AI 辅助设计，下面的截图来自实际 Demo。推荐使用电脑与支持 WebGL、硬件加速的浏览器体验。 本项目使用 Three.js 0.160.1 + 原生 JavaScript +…Vibe-coded
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
- sublevel studio A single-file Three.js studio concept built around an interactive Kyoto lobby, playable objects, and an editorial portfolio. View the live…
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
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
3D Sorting Algorithm Visualizer
An interactive 3D visualization of sorting algorithms built with Three.js. It demonstrates how different algorithms sort an array, with…Vibe-coded
3D HTML Game
I had help from GPT to make a fun little 3D web game. In this web game, you can jump, fall over, spin, and do lots of parkour as a funny…Vibe-coded▶ 5+ plays this week
🏆 #9 most played this week
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
cricket doodle inspired
3D insect cricket for the browser — time your swing, run the gaps, and chase a high score before the fielding beetles take your wicket…Vibe-coded
Git World
A 3D Minecraft-style city where every GitHub developer becomes a building. The more you code, the taller your building grows. Explore…Vibe-coded
vibe screensaver
Webブラウザで動く、スクリーンセーバ風のアニメーション集です。 3D 空間に、色とりどりのパイプが自動で伸びていきます。 ネオングリッドのチューブの中を、どこまでも飛び続けます。 夜の街を、紙飛行機形のドローンが輪をくぐりながら飛び続けます。…Vibe-coded
ninjago french
Play it: ninjago-french.pages.dev (landscape, an iPad is best) A French reading and listening battle game I built for my son, who is…
ninjago tournament
Play it: ninjago-tournament.pages.dev (landscape, an iPad is best) A reading battle game for a 4-year-old, from his own drawing: "Kai…
surveyors cabin
A log cabin in a northern forest that you can walk into, in your browser. The owner left one day and never came back. The stove is still…Vibe-coded
civitas
A web-based, multiplayer, unbounded city builder platform. three.js on the client, an authoritative TypeScript simulation server over…Vibe-coded
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…
- 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
HorseLegend
一款融合 AI 动态内容生成的 3D 赛马养成游戏，基于 Three.js + TypeScript + Vite 构建 🤖 AI 实时生成关卡 — Gemini/DeepSeek 在线生成跑酷赛道（ASCII → 3D）. 🏇 AI 控制对手 — GeminiRacer…Vibe-coded
slime escape
Escape the slime nightmare: survive the waves while the darkness closes in, use the short breaks when it pulls back, and defeat the one who…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…
- tanks web arena Steel Front (Стальной фронт) is a free 3D tank game that runs in the browser: team battles 7 vs 7 in the spirit of World of Tanks, USSR vs…
- manga rumble 不同作品的少年漫畫角色同場亂鬥的 Roguelite 生存動作遊戲｜瀏覽器即玩・手機優先・開源 非官方粉絲作品，免費、不營利，禁止任何商業用途。與原作版權方無任何關係，詳見授權與商業使用。 MANGA RUMBLE 是一款讓不同作品的漫畫角色同場作戰的…
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…
- 3d drucker center Ein 3D-Browserspiel aus der Ich-Perspektive: Du betreibst eine eigene 3D-Druckerhalle. Kauf Drucker und Filament, stell die Drucker auf…
gesture flower
用摄像头识别手部 21 个关键点，把「手掌张开度」映射成粒子花朵的绽放程度。 握拳 → 花苞闭合；张开五指 → 粒子向外绽放。 支持单手与双手两种交互模式，并带有一段种子 → 发芽 → 花苞 → 开花的生长动画。 👉 点击打开在线 Demo（无需安装，允许摄像头即可）…
zummi gummi
This repository preserves the final browser-based prototype of Gummy Bears, built with three.js and Box3D. Future game development will…
proce55us
The project's homepage: (web editor: ) The app itself lives in the ECAL_MID_1_2027 monorepo (Tools/AgentCodingWithLMStudio/ for the web…
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…
- seedling Plant a seed and watch it grow. A browser time-lapse where every tree is different. Pick a seed from the shelf (magnolia, mango, apple…
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…
- ophaalbrug diorama A pixel-art diorama of an Amsterdam canal on a Saturday afternoon, built from one sentence with the open-source Diorama skill for coding…
- 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…
hoofilou
A little pony, three colourful worlds and something to discover everywhere. Grab rainbow apples, dash through obstacles and collect…
- 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…
- Subway IRL Jog in place in front of your webcam to run through Mumbai. Step to change lanes, jump to jump, squat to roll. Free, open source, and it…
shonen survival
非官方同人遊戲。用少年漫畫的角色，在海軍包圍網裡撐過 5 分鐘、打倒頭目的肉鴿生存遊戲（類似《吸血鬼倖存者》的玩法）。手機、電腦的瀏覽器都能直接玩，不用安裝。 打倒敵人會掉經驗值，撿起來就會升級。 每次升級從三張卡片裡選一張：新招式、招式升級，或輔助技能。…
- 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…
CHROMA3D
A Paint 3D-style 3D painting studio that runs in your browser — draw with neon, drop emoji stickers, spin and scale your art like scene…
game
一款完全跑在浏览器里的赛博科技风 3D 第一人称射击游戏。零外部模型、零外部音频 —— 场景、枪械、敌人全部程序化生成，克隆下来双击就能玩。 下载仓库中的 nexus-strike-standalone.html（约 570 KB，整个游戏打包在一个 HTML 文件里），双击用…
Dragon Knight
O cavaleiro contra o Troll das Dunas: os dois começaram como uma imagem no ChatGPT. O Dragon Knight é um jogo de ação com câmera…
- 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…
- 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…
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…
megabonk
A browser-based 3D survivor-roguelike in the spirit of Megabonk — pick a bonker, get swarmed, auto-bonk everything, level up, and try to…
fruit ninja three
A polished browser-based Fruit Ninja-style arcade game built with Vite, TypeScript, and Three.js. Swipe through flying fruit, chain combo…
mkparticles
Real-time, high-density WebGL point cloud with custom GPU GLSL turbulence shaders and post-processing. Built with Next.js 15, React Three…
type race
A multiplayer typing race where your words per minute are your car's speed. 2 to 5 racers, the same words, one neon track. Create a room…
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…
- super mormon Step into the stories. Find your own adventure. Explore Jerusalem, follow the iron rod, build a ship, and discover 24 Book of Mormon…
trolls fangs goblins 3d
[!IMPORTANT] 🎮 Juega ahora: trolls-fangs-goblins-3d.vercel.app Funciona en el navegador, sin instalar nada. Mejor en ordenador. Tower…
alberta winter tire challenge
A free 3D driving game about winter tires in Alberta. You drive fourteen real Alberta winter situations on the tires you have now, then…
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…
- sakura sky island 一个纯程序化生成的「樱花空岛」3D 场景，单文件网页，用 Three.js 从零建模——没有任何外部模型、贴图或音效素材，所有几何体、贴图、云层、星空、月面都是在运行时算出来的。 A procedurally generated floating sakura island…
camellia bloom
在线预览 → （HTTPS，摄像头可用；桌面 Chrome / Edge 体验最佳） 一握手，花收成一枚苞；一张开手掌，白山茶便一层一层散开，跟着手走，指尖还能轻轻拨动花瓣。 Three.js 粒子 + MediaPipe Hands 21 关键点 + 自定义 GLSL，纯原生…
afterlight
An interactive cinematic WebGL experience. Six scenes, one WebGL context, no downloaded assets. You arrive at a point of light in total…
- 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…
emberfall last guardian
A single-file, browser-playable 3D fantasy action-adventure prototype exported from a Claude Artifact. This is a single HTML artifact with…
Neon arena
Shooter de arena en 3D para el navegador. Robots de neón, bots con IA y partidas online con tus amigos. Gratis, sin instalar nada y sin…
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…
wind fields
（鼠标移进画面可以接管飞机；左键顺时针翻滚、右键逆时针翻滚；顶部标签切场景） 左/右方向键切换场景，也可以点顶部标签。鼠标移动会有轻微视差。 相机从正上方往下看（OrthographicCamera，up = (0,0,-1)），所以路等宽、树不会倒、云不会被透视拉歪。…
night market hammer
目前版本：極限挑戰 1.4，20 秒／5 根，落空扣 5 秒、敲歪扣 9 秒。 台灣經典夜市遊戲「釘孤枝」！一邊平頭、一邊尖頭的鐵鎚，看準力道一槌把大鋼釘剛好釘平！ 一邊平頭・一邊尖頭：隨時切換平頭（穩重）與尖頭（暴擊穿透）。 蓄力揮擊：按住空白鍵或點擊按鈕蓄力，放開猛力下砸！…
cowboy balance
傾斜手機，穩住牛仔！挑戰 30 秒暴走騎牛存活紀錄！ (使用 HTTPS 網址可完整啟用手機陀螺儀／方向感測傾斜操控) 手機傾斜平衡遊戲 v0.5.0，使用 Blender 製作的卡通牛仔與牛。牛仔騎在持續甩動的牛上；往反方向傾斜手機，把重心拉回中央，挑戰 30…
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…
founders way
A 3D startup tycoon where you build your own company idea, test it against realistic rules and find out whether it would survive in the…
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…
Last Signal
"In the cold depths of Sector 42, silence isn't empty. It's waiting." The Last Signal is a 2D top-down sci-fi survival exploration game…
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…
S5 League
An experimental third-person action game, built for the browser with Three.js. Play in your browser · Download the release · Developer…
threejs timeline
用 Three.js r186 + TSL 做的可配置 3D 时间轴：一年一根毛玻璃立柱，沿时间轴排开，两端退进紫雾里。 年份范围、标题、色带都集中在配置里，默认附带一份 Web 发展史示例数据。支持 WebGPU，浏览器不支持时自动退回 WebGL2。…
mimar sinan
A 3D construction-physics puzzle about building Ottoman mosques: place piers, arches, half-domes, buttresses and weight towers on a hill…Vibe-coded
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…
particle3D
3D animation with particles
pamukkale
A calm 3D water-flow puzzle on the white travertine terraces. Guide warm spring water down the hillside into the target pools with stones…Vibe-coded
kirkpinar
A 3D physics oil-wrestling (yağlı güreş) game inspired by the Kırkpınar tradition near Edirne, Turkey. One index.html, Three.js r170 from a…Vibe-coded
kapadokya balonu
A 3D hot-air balloon wind puzzle over Cappadocia at sunrise. You never steer sideways: you only heat the envelope with the burner to climb…Vibe-coded
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…
ebru
A 3D art puzzle about traditional Turkish paper marbling (ebru): sprinkle earth pigments on thickened water, draw through them with the awl…Vibe-coded
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…
Questions about threejs
What is Three.js?
An open-source JavaScript library for 3D graphics on the web. It sits on top of WebGL and handles the heavy lifting: meshes, materials, lighting, cameras and loading 3D models.
Will these run on my phone?
Most will, since any modern mobile browser supports WebGL. Heavier scenes can be slow on older devices, and some are built for a mouse and keyboard, so a laptop is the comfortable seat.
How do I move around in a 3D scene?
It is up to each project, but drag to orbit, scroll to zoom and WASD or arrow keys to move are the usual controls. Click into the demo first so it gets your keystrokes.