Three.js scenes and games made with Claude

Most liked first

Three.js 378

Prompts from real videos
48 / 378 videos

Newest

About these videos

These are 3D scenes, browser games and animations whose creator names Three.js in their own post. Three.js is an open-source JavaScript library for drawing 3D graphics in the browser (GitHub: mrdoob/three.js). Each card links to the original post on X or Reddit and keeps the prompt when the creator shared one.

Claude writes the Three.js code: the scene, the lights, the camera path and, for games, the controls and rules. Many pieces here are live pages captured on screen rather than rendered films, so frame rate and smoothness depend on the creator's machine. To get a clean MP4, one common route captures the page frame by frame in a headless browser and joins the frames with FFmpeg (Arqam Waheed on DEV).

The list comes from the creators' words, so a few posts name Three.js only to say what they used instead. Some creators model a character in Blender and bring it into a Three.js scene; those videos also appear on Blender.

For more 3D work, see 3D and generative videos. To build a scroll-driven website with Three.js instead of a video, read Animated scroll websites with Claude Code. Three.js and other animation libraries are under libraries.

Questions

Can Claude make a Three.js game?

Yes. Creators in this archive show browser games that Claude wrote with Three.js, and each watch page links the original post. The result is code that runs in a browser, not a video file.

How do you turn a Three.js scene into a video?

Record the page, or capture it frame by frame in a headless browser and join the frames into an MP4 with FFmpeg (Arqam Waheed on DEV). Frame-by-frame capture gives a steady frame rate on any machine.

Sources

  1. GitHub: mrdoob/three.js
  2. Arqam Waheed on DEV: How I make motion videos with Claude Opus 5.5