Next.js games you can play right now

Dozens of Next.js 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.

Next.js is the React framework behind a lot of the modern web, and a default for AI builders like v0. Most Next.js apps are dashboards and storefronts; these are the ones that took a detour into games, toys and experiments.

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

• aetheria Generative backgrounds, tuned by hand. A free, installable WebGL studio for cinematic backgrounds. Everything runs locally in the browser…
• 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
• mkfuel Real-Time Interactive Navier-Stokes WebGL Fluid Physics Simulation. High-performance creative coding experience featuring real-time dye…
• mkparticles Real-time, high-density WebGL point cloud with custom GPU GLSL turbulence shaders and post-processing. Built with Next.js 15, React Three…
• voice orb by UV · MIT licence · github.com/imuvrays1/voice-orb Try it live → imuvrays1.github.io/voice-orb An audio-reactive orb for voice…
• 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…
• wake To see, you must move. To move is to be seen. A browser-based stealth-maze game where vision is tied to motion. Stand still and you go…
• the realm of yaniv ron Welcome to The Realm of Yaniv Ron, an interactive creative engineering showcase combining custom 60fps HTML5 3D projection, polyphonic Web…
• Frostline Frostline Plow Co. is a cozy, responsive 3D snow-plowing simulation game built with Next.js 15 (App Router), Three.js (WebGL), Web Audio…
• super mario A browser recreation of the NES game Super Mario Bros., built with Next.js 14, TypeScript and the HTML5 Canvas API. All sprites are…
• canvas ui 2048 An open source library of creative, framework-agnostic components drawn on canvas. Fluid simulations, shader effects, and 3D scenes that…
• neon fluid A browser-based fluid platformer where a glowing liquid character navigates 100 levels driven by real incompressible fluid dynamics. The…
• phase shift rgb A premium, high-contrast retro-arcade platform puzzle game engineered from the ground up to demonstrate production-grade browser game…
• game shockwave A premium, interactive multi-day puzzle game built as a gift-delivery mechanism for Dave. Solve 25 puzzles to unlock a spa experience at…
• vim snake A minimal snake game controlled with Vim-style keys — h, j, k, l — built with Next.js and Canvas API.
• webgl shader gallery An immersive virtual art gallery showcasing 8 real-time WebGL shader effects with interactive mouse controls, smooth scroll-snap…
• vesper A cryptographic alternate-reality game. A derelict listening intelligence at the abandoned Stillwater Archive has been looping a three-word…
• pixel heist Pixel Heist is a tactical stealth-action puzzle web application engineered as a high-performance modular monolith. Built from scratch by a…
• tap and slap A dance-mat beat 'em up. Enemies march down four neon lanes on the beat — slap them dead by tapping the right lane at the exact musical…
• RepoRealm your github repo. but it's the backrooms. and it wants you dead. ▶ PLAY IT RIGHT NOW: reporealm.netlify.app — the always-on web build. (or…
• agent arena AGENT ARENA is an autonomous AI battle arena on Monad mainnet. Ten personality-driven agents clash across five game modes. Stake a little…
• caelum xii 一座由真实恒星目录、古典天文档案语言与实时 WebGL 交互构成的原创十二星座数字档案馆。 十二星座统一数据系统，每个星座拥有独立星点、连线、色彩与档案信息。 可缩放、拖动、触控和 360° 观察的沉浸式星图。 基于 BSC 恒星目录坐标构建的火、土、风、水四象反投影字形。…
• klangfarbe See what music looks like. Real-time audio visualizer in the browser. Upload a song, search via Deezer, or use your microphone — and watch…
• raphael drive An original open-source browser driving game by Raphael. Next.js + Three.js (WebGL) + cannon-es real physics. Drive a neon city at night…
• neon haven Drive through a neon-lit city, complete missions, outrun the law, and cause chaos — all rendered in real-time 3D with Three.js. No install…😂 1
• LULLWOOD Play Lullwood in your browser → www.lullwoodgame.com Lullwood is a browser-based first-person horror game. You cross a foggy night forest…
• killthebird 3D moorland bird-shooting arcade game for the browser, packaged as a drop-in React / Next.js component (three.js). ▶ Play the demo · npm…
• 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…
• Kuso Physics English 日本語 繁體中文 简体中文 Français Español Kuso Physics is a physics-based puzzle game where you guide a ball to its destination by…
• 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…
• tide pixels A real-time ambient ocean canvas. The sky color, sun/moon position, moon phase, and tide direction are computed from your chosen city's…
• cosmic nebula Seven living visual modes. Gravity that chases your finger. Supernovae you ignite with a tap. Built to feel effortless on a phone and fill…
• 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…
• AVENGERS DOOMSDAY A fully scroll-directed cinematic web experience built as a non-commercial fan concept and front-end engineering showcase. Video, WebGL…
• shader studio Eleven animated WebGL visualisations, designed in the browser and taken away as code, as a 4K still, or as a seamless loop — and shown…
• 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…
• 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…
• generative art pieceneon maze neon maze An animated neon isometric maze rendered in real time on an HTML5 canvas — glowing cyan-to-magenta isometric "pillars" that pulse and…
• metaware logo particles An interactive canvas particle animation that renders the Metaware logo ("meta" in white, "ware" in teal #00E6AE) entirely out of thousands…
• design tool A live, interactive generative ASCII-art design tool built with Next.js. It renders animated canvas patterns composed of ASCII characters…
• wireframe dot matrix globe An interactive 3D wireframe Earth rendered as a halftone dot-matrix on HTML canvas — drag to rotate, scroll to zoom, watch it spin. Built…
• bookshelf A continuous 3D bookshelf of fourteen volumes, spanning six centuries, about the moment a person stops being one and what they traded for…
• wallume 216 living scenes that react to your touch. Pick one, play with it, tune it, then export a pixel-perfect wallpaper for your phone, tablet…
• PLASMODIUM LAB An interactive, three-dimensional Physarum polycephalum laboratory bound to an ERC-20 token economy. Every connected wallet receives a…
• gitstrata Your code left a fossil. GitStrata turns a public GitHub profile into a rare digital stone: an irregular obsidian formation with luminous…
• The Chaos Button One button. Four phases of denial. Twenty-nine ways to do absolutely nothing useful. You press it. It does nothing helpful. It does plenty…
• piano cat Pick a classical masterpiece. Mime it at your webcam. Every stroke of your hands plays the next beat — so if you slow down, the music slows…
• stringweave Turns any image into string art. Upload a photo, pick pins and strokes, and watch the drawing build itself — one straight line at a time…
• eclisse light study An interactive lamp study by Helen Shim, inspired by the Eclisse lamp designed by Vico Magistretti for Artemide. Try the live demo → Drag…
• 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
• 3d chess Multiplayer 3d chess game built with react-three-fiber and socket.io.
• citydle The daily game is fully playable at /. The legacy "Financial Street Cartographer" gameplay has been removed (see git history). Citydle…
• 82 0 challenge 可以，下面这版可以直接丢给 CC 开发。目标是 先做一个能抢 82-0 challenge 热点的 SEO + 轻量小游戏站，不要一开始做太重。 需求：82-0 Challenge SEO + Team Builder 小游戏站 Want to build your own…
• bonk arena 🇫🇷 Français | 🇬🇧 English Jeu de combat 2D cartoon pour enfants, jouable dans le navigateur. Quatre combattants rigolos s'affrontent sur…
• agentkit drawer Rules your AI coding agent actually follows. Free, copy-paste .cursor/rules, AGENTS.md and system-prompt snippets for Cursor, Claude Code…
• pikachu This is a Phaser 3 project template that uses the Next.js framework. It includes a bridge for React to Phaser game communication…
• bad choices Bad Choices is a lightweight social web game for fast group decisions. Players join a room with a code, secretly nominate the player most…
• cimulity Open-source minimal city simulation game in the browser. ▶ Play the live demo Cimulity is a SimCity-style city builder built with Next.js…
• Longing remains undelivered 一个以南宋杭州雨夜河面为界面的中文匿名漂流瓶网站。用户无需注册即可投递、捞取、回信并持续匿名交谈；身份仅保存在当前浏览器中。 未配置 Supabase 时，首页会进入“演示水域”，可完整体验投递、捞信和会话界面。 新建 Supabase 项目，在 Authentication…
• shader svg An animated WebGL mesh-gradient "ghost" rendered inside an SVG silhouette — built with Next.js 15, @paper-design/shaders-react, and Framer…
• inf p2p Infinite open-world peer-to-peer serverless GAME
• transcendence pong website
• MildredPierce Sitio web de la banda Mildred Pierce. Tiene la página de su sencillo debut y EYETV, un juego en el navegador con estilo de televisión CRT…
• Lego Blocks Game A modern web-based 3D Lego simulation game built with Next.js 15, React 19, and Three.js. Create, modify, and explore virtual Lego…
• minecraft web 音效来自 Minetest Game（mods/default/sounds/），媒体资源采用 CC BY-SA 3.0，作者为 Various Minetest Game developers。详见 public/sounds/CREDITS.md。
• entre Coleção de experiências interativas para pensar com as mãos. O projeto transforma perguntas sobre percepção, tempo, linguagem, sistemas…
• vgpu demo A glass drop that follows your cursor and bends whatever it crosses. The artwork, the text and the drop are all painted by one WebGPU…
• 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…
• tictactoe Engage in a classic game of Tic Tac Toe with an intelligent AI, offering a challenging and strategic gameplay experience with configurable…
• UQ Building dle UQ-Building-dle is like wordle mixed with countrydle, but for UQ buildings. If you're interested in playing, here is the link to play…
• fangdash FangDash is a free, open-source multiplayer endless runner built for Twitch streamers and their communities. Play as a wolf, dodge…
• tinder for shitposting A parody "Tinder-style" swipe deck for shitposts: swipe right to like a post, left to pass, and see what matches your terrible sense of…
• base jam BASE JAM is a wallet-optional, one-thumb browser rhythm game. It turns 10 confirmed Base blocks into a deterministic 20-second run through…
• arknights guess An unofficial Arknights guessing game in the spirit of Counter-Strikle: pick a name, compare attributes cell by cell, and find the answer…
• 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…
• 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…
• r3f gravity ball Simple game with @react-three/fiber
• codewar 7 Immersive event website for Pyrokinesis' annual coding competition, featuring a cyberpunk-themed 3D game-HUD UI with dynamic camera…
• delulubeats Nine free browser games that test your ear, your sense of timing and your memory, plus Beat Lab, a small studio for building a loop. Made…
• termverse Free browser games that teach the terminal: practice Linux, git, tmux, and vim in a simulated shell. Timed challenges across tmux, git…
• my portfolio A cinematic scrollytelling developer portfolio built with Next.js, Canvas, and modern web animation techniques — designed to feel like a…Vibe-coded
• 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…
• playcanvas react next gaussian-splatting · nextjs · playcanvas
• 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…
• Maus Spiel Maus-Spiel is an interactive, grid-based pathway connection puzzle game themed around the beloved German children's television show…
• Gitbuddy This project was built for Lovable X Roam Hackathon: Link to devpost submission Gitbuddy is a Next.js application built with TypeScript…Vibe-coded
• manik portfolio Personal portfolio site for Manik Rana — a multi-page Vite build combining hand-written HTML/CSS/TypeScript pages with small, targeted…
• Division2UI ko Automatically synced with your v0.app deployments This repository will stay in sync with your deployed chats on v0.app. Any changes you…
• portfolio Personal Portfolio Website
• ai ad creator An AI-powered advertising creative studio built with Next.js and v0. Generate scroll-stopping ad images and videos from text prompts using…
• Fluidframe Design high-impact 3D device mockups, real-time WebGL fluid mesh gradients, retro Bayer dither shaders, and render studio-grade 60 FPS MP4…
• N0 filtr A studio site for a studio of one. Design and engineering for founders who ship — twelve real projects, six services, and a footer you can…
• allanhert portfolio Personal site of Allan Hert, founder of Hertwave. Two things live here: a selected-work portfolio, and a Lab of interactive WebGL…
• react aurora background One tiny WebGL shader instead of blurred DOM elements: smooth on phones, laptops stay quiet. Rendered at a low resolution and scaled by the…
• 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…
• interactive 3d product showcase An interactive 3D technical showcase demonstrating real-time web graphics, engineering systems, and product storytelling. A scroll-driven…