AI Three.js Studio

AI-assisted workspace that turns a prompt into a structured, editable Three.js or React Three Fiber scene.

What it does

  • Generates and revises validated 3D scene data with OpenAI, Anthropic, or Gemini
  • Combines a visual scene hierarchy, property inspector, prompt workflow, and live preview
  • Handles GLB/glTF models, textures, HDRIs, and project-level assets
  • Produces sandboxed share previews and exportable source

Architecture

I built the React/Vite editor, Fastify API, shared TypeScript scene schema, multi-provider AI workflow, and hosted deployment. The beta uses Vercel for the web client, Railway for the authenticated API and isolated preview worker, and Supabase for authentication, Postgres, and storage. The hosted version is invite-only while the MIT-licensed source is public on GitHub.

Tech Stack

ReactTypeScriptThree.jsReact Three FiberFastifySupabaseVite
AI Three.js Studio