Three.js 3D Graphics Template

A minimal starter template for 3D graphics with Three.js, Vite, and TypeScript.

This template is designed to be used with Dyad as a starting point for AI-assisted 3D graphics projects.

Tech Stack

• Three.js 0.172 — popular WebGL 3D library
• Vite 6 — fast dev server and bundler
• TypeScript 5.7

Getting Started

npm install
npm run dev

Then open the local URL printed in the terminal.

Scripts

• npm run dev — start the Vite dev server with HMR
• npm run build — type-check and build for production
• npm run build:dev — build without type-checking (faster iteration)
• npm run preview — preview the production build locally

Project Structure

src/
  main.ts        # entry point, renderer bootstrap
  scenes/        # Three.js scenes

Built With Dyad

This template is part of the official Dyad template collection. Fork it, remix it, or use it as a base for your own 3D graphics experiments.