Vite template builder to quickly generate Threejs code in the browser.

This repository will help creating 3D environment using Threejs, a powerful WebGL library. It is powered by Vite ⚡️ that quickly compiles anything you need, it is also including Sass, Babel, Eslint, Prettier, lil-gui and GSAP for animations.

It is also including a LoaderManager JS file to easily load your assets: (Image, Textures, 3D models...) in one function.

See it live

How to install

Clone the repository or download it in zip format, then

Open Terminial

Navigate to projects folder

Install dependencies

  npm install

Start the dev server

  npm run dev

Build Project

To build for production

  npm run build

How to Use

• Use the 'src' folder for all project files.
  • HTML
  • JS
  • SCSS
• vite.config.js file sets up project input to 'src' folder.
• Use eslintrc file to configure linting rules
• Use prettierrc file to configure formatting rules

Useful links

• Threejs docs
• GSAP docs
• Vite docs
• Eslint
• Prettier

License