Modern ThreeJS ⚡️

Modern ThreeJS boilerplate powered by Vite & Typescript.

Live demo here

Features

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

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

Project setup

Use it

pnpm dev

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

Build it

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.