Modern ThreeJS ⚡️

Modern ThreeJS boilerplate powered by Vite+ & Typescript.

Live demo here

Features

• Powered with Vite+ 📦
• GUI controls using Tweakpane 🎛
• Typescript 🦾
• No classes, just factories 🎯
• Shader support (glsl) with vite-plugin-glsl 🎨
• Optimized production build — three and tweakpane split into separate vendor chunks for better caching

You can help me keep working on this project 💚

• Become a Sponsor on GitHub
• One-time donation via PayPal

Check it out

You can create a repo with this template here

Or if you prefer to do it manually with the cleaner git history

npx degit alvarosabu/modern-three my-awesome-three
cd my-awesome-three
pnpm i # If you don't have pnpm installed, run: npm install -g pnpm

Use it

pnpm dev

This will serve the app at http://localhost:5173

Build it

pnpm build

Builds the app for production to the dist folder. The build is minified, filenames include hashes, and vendor libraries (three, tweakpane) are split into separate chunks for efficient browser caching.