Modern ThreeJS boilerplate powered by Vite & Typescript

Alvaro Saburido

Last update: Jan 4, 2023

Overview

Modern ThreeJS ⚡️

Modern ThreeJS boilerplate powered by Vite & Typescript.

Features

Powered with Vite 📦
GUI controls using Tweakpane 🎛
Typescript 🦾
No classes, just functions 🎯

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

Project setup

Use it

pnpm dev

This will serve the app at 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 for more information.

Experimenting with vite typescript template rewrite for hot.opensauced.pizza

🍕 Open Sauced Vite Typescript Template Test 🍕 The path to your next Open Source contribution 📖 Prerequisites In order to run the project we need th

Mar 11, 2022

Veloce: Starter template that uses Vue 3, Vite, TypeScript, SSR, Pinia, Vue Router, Express and Docker

Veloce Lightning-fast cold server start Instant hot module replacement (HMR) and dev SSR True on-demand compilation Tech Stack Vue 3: UI Rendering lib

Oct 7, 2022

A Marko plugin for Vite

@marko/vite A Marko plugin for Vite. Installation npm install @marko/vite Example config import { defineConfig } from "vite"; import marko from "@mark

Nov 26, 2022

🎉 基于 vite 2.0 + vue 3.0 + vue-router 4.0 + vuex 4.0 + element-plus 的后台管理系统vue3-element-admin

vue3-element-admin 🎉 基于 Vite 2.0 + Vue3.0 + Vue-Router 4.0 + Vuex 4.0 + element-plus 的后台管理系统简介 vue3-element-admin 是一个后台前端解决方案，它基于 vue3 和 element-plu

Nov 28, 2022

Integrate Tauri in a Vite project to build cross-platform apps.

vite-plugin-tauri Integrate Tauri in a Vite project to build cross-platform apps Install Make sure to setup your environment for Tauri development. Th

Dec 15, 2022

A template repository / quick start to build Azure Static Web Apps with a Node.js function. It uses Vue.js v3, Vue Router, Vuex, and Vite.js.

Azure Static Web App Template with Node.js API This is a template repository for creating Azure Static Web Apps that comes pre-configured with: Vue.js

Jun 25, 2022

⏳ vue3 + electron + ts + vite = mini template

v3-electron 🥳 Electron16 + Vue3 + Vite2 运行项目 # enter the project directory cd v3-electron # install dependency yarn # develop yarn dev # build exe

Nov 11, 2022

Some compile-time magic for your Vite project

💛 You can help the author become a full-time open-source maintainer by sponsoring him on GitHub. vite-plugin-compile-time Use this plugin to generate

Dec 15, 2022

vite+vue3.2+setup+elementPlus+eslint+js+stylelint

前期准备工作，npm包和vscode配置！！！很重要，关乎整个Vue3开发阶段的代码提示 Volar使用使用Vue3开发需要禁用vscode插件Vetur 然后安装 Volar(Vue Language Features)，这样Vue3代码提示即使是使用js开发也非常友好如果volar没有任何

Feb 8, 2022

Comments

Can't load shaders

Hi, nice repo! I cloned it, installed dependencies but running the app, it throws this error: [vite] Internal server error: shaderChunks.at is not a function I know it is related to vite-plugin-glsl.

(just in order to try to find the issue, I replaced the ShaderMaterial for a MeshStandardMaterial and just console log the vertexShader import, also throws the error above.)

Have you faced the same error?

opened by AndresDiaz1 2