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

• Startup Simulator A 3D business simulation in your browser: grow a company from a garage to a skyscraper, and learn business administration and accounting…
• portfolio interactivo Portfolio de Raúl Jiménez Ayza (gameplay & fullstack dev) como juego 3D: una isla con relieve, siete templos que cuentan su CV, físicas…
• 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…
• unlimited games A hub of 10 free browser games — no downloads, no sign-up. Just open the site and play. I'm Ritik Raj — B.Tech CS/IT student at GL Bajaj…
• 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…
• astral drifters anamorphic tunnel behind your phone screen, played with the gyroscope
• eat my maimai 直接试玩 · Play in English · 下载离线单 HTML 24.8 秒真实游戏画面：配餐 → 装弹 → 连消 → 玉米连射 → 机关坍塌。视频为中文界面，试玩支持中文和 English。 喜欢这个点子，欢迎点右上角 Star 支持参赛。麦当劳程序员创意开发大赛 ·…
• chinese chess training 本專案是 doggy8088/chinese-chess 的非官方衍生／擴充，在原有 Three.js 3D 中國象棋、雙人對弈與三級 AI 上，加入殺局建立與反覆練習。 手動擺盤 → 確認局面 → 錄製答案 → 開始練習 → 完成殺局 Coach…
• 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…
• aixenix video skills 10 законов — 10 способов нарисовать рекламу кодом. Скиллы для Claude Code: каждый ролик рождается по одному жёсткому правилу, и сам способ…
• claude bandicoot An action-packed 3D browser platformer runner inspired by Crash Bandicoot, built using Three.js, procedural 3D modeling, Web Audio API…
• playable ads Two playable ads in the market language of 2026, built as a portfolio. Mech Rush is a squad runner with number gates, a pick-one-of-three…
• Nostalgia SeabedLamp3D 3D scene WebGL with mp3 player
• 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…
• 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…
• 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…
• crt shader Multi-pass CRT rendering for WebGL 2, with image, React, Three.js and pmndrs adapters. The pipeline applies signal filtering…
• 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…
• sk graphics High-performance digital architecture studio specializing in interactive spatial web environments, custom GLSL shader engines, and…
• rainforest sounds Welcome to the Dopamine Reset Facility. We have frogs, gravity, and a support sloth whose response time is measured in geological eras…
• transition effect Watch the tutorial on YouTube Based on Fernando Serrano's example
• browser gamePano Pick Pano Pick An HTML5 panoramic game based on three.js && Vue2. 中文 process the static resource with reload animation. Project modularization and…
• drift duel 폰에서 바로 하는 3D 드리프트 레이싱 1:1 대결 게임. 모바일 우선으로 설계했고, 브라우저·홈 화면 설치(PWA)·Android 앱(APK)으로 실행돼요. 엄지 두 개로 코너에서 미끄러지며 니트로를 모으고, AI 라이벌을 꺾으세요. 가속은…
• 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…
• beagle chomp A maze-chase game where every single pixel is drawn in code. No 3D models. No texture files. No audio files. Just TypeScript, three.js and…
• 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…
• Personal 3D portfolio An interactive, 3D personal portfolio website showcasing data science, AI projects, and UI/UX engineering work. Built with immersive WebGL…
• awesome cosmos 一個沉浸式 3D 賽博宇宙，將 GitHub 上千奇百怪的 Awesome 開源神作可視化為璀璨星系。 An immersive 3D cyberpunk galaxy visualizing legendary GitHub Awesome repositories…
• 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…
• 3dsnakegame A 3D Snake game with THREE.js run gulp to start the server.
• 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…
• portfolio Personal Portfolio Website
• interactive systems lab Interactive Systems & Game Engineering Portfolio A collection of high-interaction web-based applications demonstrating system design…
• 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…
• audrey hung Procedural illustration, zero image assets. Every drawing is generated at runtime with the Canvas 2D API — wobbly ink strokes, watercolor…
• Kode pek A portfolio you play: pick a cartridge, press start. Live at kode-pek.vercel.app. Built with Three.js and vanilla JavaScript on Vite, with…
• 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…
• ethanbchen.com Static personal homepage built with Vite, TypeScript, CSS, and Three.js. Project context and source evidence live in research/…
• timberhall studio A responsive, single-file portfolio for a fictional digital studio. It opens with a real-time Three.js 3D timber lobby, then continues into…
• vernier gl Interactive design grid — a snapping, measuring WebGL backdrop. An infinite 8px grid that reveals itself around your pointer. A crosshair…
• saarth site My personal website. Interactive 3D particles (Three.js), scroll animations (GSAP), and a tabla you can actually play. Open the link it…
• wave3d Design 3D gradient waves in your browser: the glossy, twisting wave of light from Stripe's designs. Tweak one live, then export a code…
• threejs ocean simulator An interactive ocean simulator and editor built with Three.js. Shape waves, change the water and lighting, push the surface, drop buoys…
• ab9d portfolio 3D particle-morph portfolio for Md. Manzurul Islam (AB9D). Pure static site — no build step, no framework. Three.js is vendored locally…
• shaderflow A visual node-to-GLSL shader editor with a live WebGL viewport. Design a material by wiring nodes on a graph — ShaderFlow compiles the…
• alevoldon lab Interactive 3D lab of Vladimir Rybalsky — creative technologist at the intersection of AI agents, WebGL, and generative audio. A portfolio…
• Qiuner.github.io An immersive personal portfolio built with Astro and Three.js. The same projects, experiences, and ideas are reinterpreted as a cosmic…
• syzygy A small world you roll a marble around, in the browser. A syzygy is three bodies on one line. There are three here — the planet under your…
• threejs react soft configurator A real-time, photorealistic 3D product configurator running entirely in the browser. Built with React 18, TypeScript, Three.js and GSAP…
• allanhert portfolio Personal site of Allan Hert, founder of Hertwave. Two things live here: a selected-work portfolio, and a Lab of interactive WebGL…
• pomotimer2 An aesthetic, customizable Pomodoro timer with smooth anime.js motion. It has tasks, streaks, stats and keyboard shortcuts, and everything…Vibe-coded
• Voxel Moxel A lean voxel editor built around one idea: every cube lives on the same fixed 45° diamond grid — no free-rotating floor, no presets, just…Vibe-coded
• goodvibes Vibescale Three.js Game Starter Kit for Building Multiplayer Web Games 🎮 Build Multiplayer Web Games Fast. ⚡ Vite + TypeScript + Three.js…Vibe-coded
• astropilot vr Astropilot VR is a video game for mobile phones that uses the device orientation sensor API in javascript for an immersive game experience…Vibe-coded
• Glyphka Geometric lettering. Expressive symbols. Forms you can make your own. Glyphka is a free, open-source studio for generating geometric…
• SFVR Defend the skyline with your hands. Built for Samsung Galaxy XR. SFVR is a hand-tracked arcade shooter set in San Francisco's Alamo Square…
• personal website 一个纯手搓的个人网站。门厅是 2D 的，推门进去是一间 Three.js 手写的 3D 书房，屋里每件东西都能点；首页还藏着一支 30 秒的代码生成短片。 没有一个剪辑软件参与：画面是一个 HTML 文件里逐帧算出来的，音轨是 Web Audio 合成的。…
• quantum neural ar Real-time 3D neural network controlled entirely by hand gestures : no backend, no install, runs in the browser. A browser-based…
• three.js visual node editor Video preview of how it works: remember it is in alpha state, errors might occur, check the console and report if you can Visual node…
• archipelago A cozy browser game about money and financial freedom You have a small island and a job. Every week brings a paycheck and the bills. Buy…
• iris camera lab A browser workbench for turning static 3D assets into interactive objects. Explore three assemblies, import your own GLB, define part…
• ecs A top-level threejs ecs game engine
• modoki engine Modoki is a Claude-friendly ECS game engine and visual editor. You author games — scene data, gameplay logic (TypeScript), and asset wiring…
• Paperlab Physical, realistic paper as a React component. A hero image that peels, a receipt that unrolls, a letter that folds, a poster rippling in…
• freed A React-first 3D editor with reactive geometry system, built with Next.js and modern web technologies. Reactive Geometry System: Built on…Vibe-coded
• spacerocks __Escape through space on stolen plasma engines while slinging photon bolts at deadly asteroids.__ How many can you blow apart? Put on your…
• chromlins A WebXR AR whack-a-mole game for js13k 2026. Color spirits, the Chromlins, have stolen the seven colors of the rainbow and hidden a…
• sigil storm A hands-first WebXR arcade defense game for Meta Quest — and any desktop browser. Seated at a floating altar, you defend a core crystal…
• openshaders A few hundred lines of shader code can give a website light, texture, and movement. Too much of that work stays in demos and experiments…
• SuperSonic A high-speed, browser-based WebXR flight simulator and combat game. Explore procedural cities, a planet, or real-world locations generated…
• citydriver2 Taxi driving game built with Three.js. Uses a port of MapGenerator to generate a new island city every time the game loads. Visit the…
• merch game LOOT is an interactive merchandise storefront concept built around a game-like product-selection experience. Visitors can browse a catalog…
• design database Interaction, motion and material studies for the web. Small, self-contained components with live demos, documented props, and notes on how…
• state of cinema nextjs An immersive entry journey for a streaming platform, the first thing a visitor sees before they sign up. A stage curtain opens on a river…
• alive web A Claude skill for building immersive, award-grade websites that feel alive instead of static. On top of those rules, the skill carries art…