szasdhun / three-ts-starter

This is a quickstart for vanilla three.js projects.

🎉 three-ts-starter 🎉

This is a quickstart for vanilla three.js projects.

Features

Comes already with the following features configured:

• Shader Material
• Orbit Controls
• Dat.GUI
• Component based structure

Tech Stack

• 🎈 Three.JS — A declarative, efficient, and flexible JavaScript library for building user interfaces with WebGL
• 🛠 Typescript — The best way to avoid bugs and enforce correctness
• 🚀 Vite — Fast, opinionated web dev build tool
• 💅 SASS — CSS, Sass, Tailwind, PostCSS with Autoprefixer
• 💖 Dat.GUI — Easy way to experiment different values

Getting started

1. Clone this repo using git https://github.com/SzasdHUN/three-ts-starter.git

2. Move to the appropriate directory: `cd three-ts-starter`
3. Run `yarn` or `npm i` to install dependencies
4. Run `npm run dev` to see the example app at `http://localhost:5173`

Links

• Tree.js
• TypeScript
• TailwindCSS
• VSCode extension (recomended)