build-threejs-app

Three.js Boilerplate

A boilerplate/starter project for quickly building three.js app using Vite & Three.

Quick Start:

Clone the repo:

git clone --depth 1 https://github.com/bibashmgr/three-js-boilerplate
cd three-js-boilerplate

Install the dependencies:

npm install

Commands:

Run app in development:

npm run dev

Dependencies:

Package	Version
vite
three
events
vite-plugin-glsl
gsap
dat.gui

Project Structure:

public\
  |--models\
  |--textures\
src\
  |--constants\     # Environment variables and configuration related things
  |--helpers\       # Helper classes and functions
  |--scenes\        # Scenes and Objects logic
  |--shaders\       # Shaders
  |--utils\         # Utility classes and functions
  |--camera.js
  |--experience.js
  |--renderer.js
index.html
main.js
style.css