# img2threejs

> Rebuilds reference images as procedural, animation-ready Three.js models in code.

img2threejs is an open-source tool and AI coding skill that turns reference images into clean, procedural Three.js TypeScript code without using mesh files or photogrammetry. It runs through agent environments like Claude Code and Codex, employing deterministic Python scripts and vision review gates to build models in token-efficient passes. The output includes structural hierarchies with pivots and sockets, making the generated 3D assets immediately ready for animation in the browser.

Website: https://github.com/img2threejs/img2threejs

## What it is for

- Reconstruct 3D assets from reference images directly as procedural Three.js code
- Generate lightweight, code-only 3D models for web frontends without loading GLTF or mesh files
- Equip AI coding agents with a structured visual pipeline for procedural 3D modeling
- Build interactive or animatable 3D characters and props with runtime pivots and sockets

## Features

- Code-only procedural generation using Three.js primitives, procedural shaders, and generated geometry
- Staged sculpting pipeline advancing through blockout, structure, form, material, surface, and lighting passes
- Strict quality gates that halt generation until detail inventories and likeness thresholds pass
- Multi-view silhouette carving and visual hull estimation for consistent volumetric geometry
- Domain plugin ecosystem supporting weapon skins, rigged characters, and GLB target formats
- Runtime hierarchy setup that exports pivots, sockets, colliders, and animation ticks

## Pricing

Open source. Free and open source under Apache-2.0

## Details

- Type: GitHub repo
- Category: [AI](https://xiry.app/topics/ai.md)
- Topic: [3D Generation](https://xiry.app/topics/ai/3d-generation.md)
- Open source: yes
- Platforms: Command line, Web, Code library
- For: Creative technologists, Three.js developers, and frontend engineers using AI coding agents.
- Alternative to: Tripo3D, TRELLIS, Meshy
- Tags: threejs, webgl, image to 3d, claude code, procedural, typescript, python

## Why it was saved

- [@chase.h.ai, 3 August 2026](https://www.instagram.com/reel/Dblx-7rJUPG/): Allows AI agents to rebuild 3D assets directly from reference images purely through Three.js code without downloading mesh files.

## Compare

- [Alternatives to Meshy](https://xiry.app/alternatives/meshy.md)

## Related

- [Meshy](https://xiry.app/resources/meshy): Turn text prompts and 2D images into textured, printable 3D models. (Web app, Freemium)
- [3D Model Generator](https://xiry.app/resources/3d-model-generator): Turn freehand sketches into textured 3D models inside a Three.js scene (Web app)
- [microsoft/TRELLIS.2-4B](https://xiry.app/resources/microsoft-trellis-2-4b): Open-source 4B flow-matching model generating textured 3D assets from single images. (AI model, Open source)
- [TRELLIS](https://xiry.app/resources/trellis): AI model that generates textured 3D assets from single images (Web app, Free)
- [Tripo AI](https://xiry.app/resources/tripo-ai): AI generator converting text and 2D images into 3D models. (Web app, Freemium)
- [World Labs](https://xiry.app/resources/world-labs): Spatial AI models that turn images, text, and video into 3D worlds (AI model)

Updated 3 October 2026. Page: https://xiry.app/resources/img2threejs

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.