Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/alvarosabu/modern-three
Modern ThreeJS boilerplate powered by Vite & Typescript.
https://github.com/alvarosabu/modern-three
3d modern three threejs vite vitejs
Last synced: 15 days ago
JSON representation
Modern ThreeJS boilerplate powered by Vite & Typescript.
- Host: GitHub
- URL: https://github.com/alvarosabu/modern-three
- Owner: alvarosabu
- License: mit
- Created: 2022-02-20T15:21:21.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-06-08T09:22:21.000Z (20 days ago)
- Last Synced: 2024-06-08T10:34:30.029Z (20 days ago)
- Topics: 3d, modern, three, threejs, vite, vitejs
- Language: TypeScript
- Homepage: https://modern-three.alvarosaburido.dev/
- Size: 239 KB
- Stars: 190
- Watchers: 3
- Forks: 12
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Lists
- my-awesome-stars - alvarosabu/modern-three - Modern ThreeJS boilerplate powered by Vite & Typescript. (TypeScript)
README
# Modern ThreeJS ⚡️
> Modern ThreeJS boilerplate powered by Vite & Typescript.
Live demo [here](https://modern-three.alvarosaburido.dev/)
## Features
- Powered with [Vite](https://vite.dev/) 📦
- GUI controls using [Tweakpane](https://cocopon.github.io/tweakpane/) 🎛
- Typescript 🦾
- No classes, just functions 🎯
- Shader support (glsl) with[vite-plugin-glsl](https://github.com/UstymUkhman/vite-plugin-glsl) 🎨
## You can help me keep working on this project 💚
- [Become a Sponsor on GitHub](https://github.com/sponsors/alvarosabu)
- [One-time donation via PayPal](https://paypal.me/alvarosaburido)
## Check it out
You can create a repo with this template [here](https://github.com/alvarosabu/modern-three/generate)
Or if you prefer to do it manually with the cleaner git history
```bash
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](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](#deployment) for more information.
