#20 · Primary category: AI Design & Prototyping

img2threejs

3d ai-agents claude-code computer-graphics generative image-to-3d procedural-generation threejs typescript webgl

Rebuild the object in a reference image as a code-only, procedural, quality-gated, animation-ready Three.js model. Token-efficient image-to-3D.

Project last updated:08/29/26

GitHub Stars

14.5K

Forks

1.2K

Contributors

3

License

Apache-2.0

Why we included this project

When you need a specific real-world object in a Three.js scene, the usual options are blunt: hand-build the geometry, buy a mesh, or pull something off the web that never quite fits. img2threejs takes a different route. Feed it a reference photo, or a clean front/side/top board, and it generates editable TypeScript that rebuilds the object procedurally, with an optional textured GLB/glTF export when you want one. The result is not a black-box mesh; it comes out as a typed factory driven by a JSON spec, so individual parts like a camera lens or a drill chuck stay addressable and can be renamed, refactored, animated, or wired into collision and interaction logic like any other code. That code-first output suits product configurators, web explainers, and game prototypes where parts need to move and react rather than just sit on screen. It is also deliberately economical with tokens, which matters when you are iterating on a scene through an AI coding agent and want to keep the context window from filling up.

Articles for this project

No articles for this project yet.

To suggest a topic or contribute an article, contact us.

Related projects in this category