A React renderer for Three.js that lets you build 3D scenes declaratively with JSX components.
RylanBot/threejs-tetris-react
A 3D Tetris game built with Three.js and React, playable in the browser.
- Stars
- 552
- Forks
- 76
- Open issues
- 1
- Last commit
- 10 days ago
What is it?
threejs-tetris-react is a Tetris game rendered in 3D using Three.js, with the user interface built in React and TypeScript. It runs in the browser and has a live demo hosted on its own domain.
The project is a small front-end game codebase rather than a general library. It is set up with npm, with a dev server started by a single command, so developers can clone it, install dependencies and run it locally.
It suits developers who want a reference for combining a WebGL scene from Three.js with React components, or who are looking for a playable 3D take on a classic puzzle game.
Key features
- 01Renders the classic Tetris gameplay in a 3D scene using Three.js.
- 02Built with React and TypeScript.
- 03Playable in the browser with a hosted live demo.
- 04Runs locally with npm install and npm run dev.
Use cases
- Playing a casual 3D take on Tetris in the browser.
- Studying how to integrate a Three.js scene into a React app.
- Using it as a starting point for a small WebGL game prototype.
Quick start
- 1
Install dependencies
npm install - 2
Start the development server
npm run dev
Things to know
- No license is specified, so reuse rights are unclear.
Topics
FAQ
- What is threejs-tetris-react?
- A 3D Tetris game built with Three.js and React, playable in the browser. threejs-tetris-react is a Tetris game rendered in 3D using Three.js, with the user interface built in React and TypeScript. It runs in the browser and has a live demo hosted on its own domain.
- Is threejs-tetris-react free to use? What license does it have?
- threejs-tetris-react has no declared license. Its code is public, but without a license you have no explicit permission to reuse it; ask the author before relying on it.
- Is threejs-tetris-react still maintained?
- Actively maintained. The last commit to threejs-tetris-react was on Oct 28, 2026.
- What can I use threejs-tetris-react for?
- Playing a casual 3D take on Tetris in the browser. Studying how to integrate a Three.js scene into a React app. Using it as a starting point for a small WebGL game prototype.
- How do I install threejs-tetris-react?
- Install dependencies: npm install Start the development server: npm run dev
- Where can I get threejs-tetris-react?
- The source code and installation instructions are on GitHub: https://github.com/RylanBot/threejs-tetris-react
Summary generated by AI from the project's README. GitHub stats refresh daily.
Related projects
A collection of ready-made React helper components and hooks for building 3D scenes with react-three-fiber.
A React wrapper for the postprocessing library that lets react-three-fiber scenes apply post-processing effects declaratively as JSX components.
An Agent Skill that lets Codex, Claude Code or Cursor generate an orbitable Three.js architecture scene that assembles itself brick by brick.
A camera control library for three.js that adds smooth transitions and more features on top of OrbitControls-style orbiting.
A JavaScript toolkit and framework for interactive 3D/WebGL and 2D data visualizations in the browser, built on Three.js.