Modern ThreeJS boilerplate powered by Vite & Typescript.

Live demo here

• Powered with Vite 📦
• GUI controls using Tweakpane 🎛
• Typescript 🦾
• No classes, just functions 🎯
• Shader support (glsl) withvite-plugin-glsl 🎨

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

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

pnpm dev

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

pnpm build

Builds the app for production to the dist folder.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.