Skip to content

README.md

Latest commit

 

History

History
49 lines (32 loc) · 1.44 KB

README.md

File metadata and controls

49 lines (32 loc) · 1.44 KB

Modern ThreeJS ⚡️

Modern ThreeJS boilerplate powered by Vite+ & Typescript.

Modern ThreeJS

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 💚

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.