React three fiber games you can play right now

Dozens of React three fiber games, 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.

React Three Fiber lets developers build Three.js scenes as React components. These are the games, product scenes, portfolios turned playgrounds and 3D experiments made with it, each one running live in your browser.

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

• mkparticles Real-time, high-density WebGL point cloud with custom GPU GLSL turbulence shaders and post-processing. Built with Next.js 15, React Three…
• afterlight An interactive cinematic WebGL experience. Six scenes, one WebGL context, no downloaded assets. You arrive at a point of light in total…
• 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…
• fpsdojo A browser aim trainer for FPS warmups. Every run is 60 seconds; hits are +10, misses -10, and every 10 hits in a row adds +1 per hit (up to…
• basicfootball A 3D arcade football (soccer) game: 11 v 11 matches, penalty shootouts, free-kick practice and online 1 v 1, built with React Three Fiber…Vibe-coded
• unknown pleasures a tiny web experiment built with three.js, react three fiber, webgl and gsap to visualize music. i've made a step-by-step video. watch it…
• web optimization Interactive browser: Search & filter all 48 folders, validated corrections, library versions. The most comprehensive Three.js, WebGL, and…
• ascension opt Rotate architecture. Align the path. Find your way upward. ASCENSION is a playable, browser-based 3D architectural puzzle game by Joe Nasr…
• billiards A rudimentary game of pooltable made using React, three js and react-three-fiber alongwith a fairly rough and small implementation of a…
• phase viz phase-viz is a browser-native audio visual engine for creating, performing, and exporting reactive music visuals. phase-viz currently ships…
• rust base builder A 3D planner for bases in the survival game Rust. Lay out foundations, walls and floors on the game's 3 m building grid and see what the…
• claw3d A fully client-side 3D claw machine game built with React 19 + Three.js + Rapier physics. Aim with the joystick and minimap, drop the claw…
• 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…
• 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 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…
• pelagic jellyfish webgl Real-time procedural jellyfish, soft-body animation, underwater optics, and interactive liquid glass in Three.js Pelagic is an interactive…
• almost Every life you didn’t live is still dreaming somewhere. ALMOST is an immersive 3D poem about the lives hidden inside every choice. Visitors…
• little landscapes An open-source procedural world studio for shaping stylized terrain, water, vegetation, weather, and light directly in the browser. Try the…
• vestiraapp Vestira is a photo-real virtual try-on studio where visitors dress one of four AI-generated human models in clothing, shoes, bags and…Vibe-coded
• generative art piecemorph morph A generative design studio for procedural 3D sculpture. Five families of mathematical surfaces, a physically based material system and an…
• gridshot A browser aim trainer for FPS warmups. Every run is 60 seconds; hits are +10, misses -5. three at once; the run ends when three have…
• radrun Web-slinger tag over the rooftops: pendulum web swinging and parkour through 40-230 m canyon cities, built on react-three-game. Two modes…
• r3f gamedev This is a collection of minimal useful patterns for game development with React Three Fiber. Open the pages/ folder to browse the code…
• hook a fish 🥇 1st place in the Three.js Journey Challenge 019 Try it live here 👉 hook-a-fish.dammafra.dev Dive into Hook-A-Fish! Inspired by…
• art A scroll-led history of technology told through its artefacts, from a struck stone 3.3 million years ago to the machines that are learning…
• shiyun 而星与星之间的虚空，藏着比这更大的东西 —— 它是「一切可能的近体诗」。点一下空处，就从噪声里 unrank 出一首诗，并显示它在「全集目录」里那个长达 82–229 位的编号：地址几乎和诗本身一样长（目录即图书馆）。诗不被储存，给一个编号就能算出它是第几首诗，反之亦然…Vibe-coded
• chronos automaton A museum-grade, interactive 3D mechanical automaton butterfly and horology simulator built with React Three Fiber, Three.js, and Next.js…
• nier mini game This project was born when I was learning React Three Fiber. This project is inspired by the E-Ending of Nier Automata and was created…
• r3f gravity ball Simple game with @react-three/fiber
• 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…
• motionforge An open-source laboratory and developer workbench for extraordinary web animations. Explore advanced motion. Customize every detail. Export…
• 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…
• 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…
• 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…
• 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…
• webgl Three.js and hand-written GLSL: 3D product configurators, engineering calculators, and interactive sites. Available for contract work…
• stereo lab A hands-on playground for learning the core concepts behind a 3D motion framework by touching the code directly. One Vite app; stations…
• allanhert portfolio Personal site of Allan Hert, founder of Hertwave. Two things live here: a selected-work portfolio, and a Lab of interactive WebGL…
• 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…
• 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…
• portfolio A single-page, scroll-driven portfolio. One particle field of 160,000 points takes a different form for each section of the page, so a…
• interactive 3d product showcase An interactive 3D technical showcase demonstrating real-time web graphics, engineering systems, and product storytelling. A scroll-driven…