Official TresJS starter template, based on Vue and Vite
VueViteStarter
starter (Tresjs) — Vue Starter Template
By Tresjs
The official TresJS starter template for Vue + Vite, preinstalled with Three.js-related dependencies, used to quickly set up TresJS-based 3D scene projects.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 3
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 3
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-03View source
What stands out
A quick read of the recorded project description.
Preinstalled with TresJS core and the latest Three.js
Built-in @tresjs/cientos component package
Integrated @tresjs/leches debugging GUI controls
GLSL shader support via vite-plugin-glsl
MIT licensed, free for commercial use and distribution
Template Details
This is the starter repository template maintained by the TresJS organization, positioned as a quick-start project for TresJS applications. It is built on Vue and Vite and comes preinstalled with the TresJS core, Three.js, and the @tresjs/cientos component package. It also integrates @tresjs/leches as debugging GUI controls and provides GLSL shader support through vite-plugin-glsl.
To use it, pull the template locally with npx degit tresjs/starter, then install dependencies with pnpm and run the development or build commands. The template itself contains no business pages; its main purpose is to provide a directly runnable base project structure and dependency combination.
Regarding licensing, the repository uses the MIT license, allowing free use, modification, commercial use, and distribution of the code, provided the copyright notice and license notice are retained. If the repository contains third-party assets or external services, their authorization and fees must be verified separately.
VueViteStarter
Is it right for your project?
Use Cases
- Quickly create a TresJS-based 3D scene project skeleton
- Experiment with component-based Three.js and TresJS usage in a Vue project
- 3D frontend prototype development requiring GLSL shader support
- Debug 3D scene parameters with @tresjs/leches
Suitable For
- Frontend developers familiar with Vue and Vite
- Teams that want to use Three.js in the TresJS way
- Developers who need a freely modifiable and commercially usable 3D project starter template
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Pull the template with npx degit tresjs/starter my-tres-project
- 2
After entering the directory, run pnpm install to install dependencies
- 3
Run pnpm dev to start development and pnpm build to build the output
- 4
Third-party assets and external services require separate license and fee verification
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not mean external services or third-party assets are free.
Must comply with when using
- Free use, modification, commercial use, and distribution of this version's code are permitted.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the complete MIT license notice.
- The code is provided as is; warranties and liability limitations are governed by the original license and applicable law.
Additional costs & items to verify
- Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur separate charges.
View Original Text Basis
https://github.com/Tresjs/starter/blob/main/LICENSEhttps://github.com/Tresjs/starter/blob/main/README.mdPermission is hereby granted, free of charge
Original License Text
Compiled by DeepSeek based on repository license and README ·2026-10-03. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- More documented · 86 / 100
- Technologies
- Vue · Vite
- Website type
- Starter
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2025-03-14
- Screenshot last checked
- 2026-10-03
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies Vue as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Review declaration: [email protected] · 2026-10-04
Inspect the recorded source material
SHA-256: a4d55699eff08b0f493c46cbb702d023a9f376dc1293094bd62bc95339722ccc
2026-10-03T15:00:22.163Z
Source file / repository
<p align="center">
<a href="https://www.npmjs.com/package/@tresjs/core"><img src="https://img.shields.io/npm/v/@tresjs/core/latest.svg?label=core&color=%2382DBCA" alt="core"></a>
<a href="https://www.npmjs.com/package/@tresjs/cientos"><img src="https://img.shields.io/npm/v/@tresjs/cientos/latest.svg?label=cientos&color=%23f19b00" alt="cientos"></a>
<a href="https://www.npmjs.com/package/three"><img src="https://img.shields.io/npm/v/three/latest.svg?label=%20&logo=threedotjs&color=f4f4f4&logoColor=black" alt="core"></a>
<a href="https://www.npmjs.com/package/vite"><img src="https://img.shields.io/npm/v/vite/latest.svg?label=%20&logo=vite&color=AE58FF&logoColor=FFB310" alt="core"></a>
<a href="https://discord.gg/UCr96AQmWn"><img src="https://img.shields.io/badge/chat-discord-purple?style=flat&logo=discord" alt="discord chat"></a>
</p>
# TresJS 🚀 Starter
> Quick start repo for [Tres.js](https://tresjs.org) projects
## Features
- [Tres.js](https://tresjs.org) and latest [Three.js](https://threejs.org)
- `@tresjs/cientos` package pre-installed 📦
- `@tresjs/leches` GUI controls for debuging 🍰
- Shader support (glsl) with [`vite-plugin-glsl`](https://github.com/UstymUkhman/vite-plugin-glsl) 🎨
## Usage
```bash
npx degit tresjs/starter my-tres-project
```
## Install
```bash
cd my-tres-project
pnpm install
```
## Run
```bash
pnpm dev
```
## Build
```bash
pnpm build
```
Explore similar templates
Compare previews and descriptions within the same stack and category.
vitesse
Vitesse is an opinionated Vite + Vue 3 starter template maintained by antfu-collective, offering file-based routing, component and API auto-import, Pinia, UnoCSS, PWA, i18n, Markdown, vite-ssg, TypeScript, Vitest, and Cypress.
Vue · Starter
vitesse-webext
vitesse-webext is a Vite-powered WebExtension starter template using Vue 3 and TypeScript, with built-in popup, options, and content script examples. It targets Chrome and Firefox, integrates webextension-polyfill, webext-bridge, UnoCSS, VueUse, and unplugin tools, and supports hot reload during development.
Vue · Starter
laravel-vue-spa
A Laravel + Vue SPA starter kit for quickly building a decoupled web application skeleton. It includes login, registration, email verification, and password reset flows, uses JWT for authentication, and integrates Laravel Socialite with GitHub as an example provider.
Vue · Starter
vue3-h5-template
A mobile H5 starter template built on Vue3, Vite, and Vant4, with TypeScript by default and JavaScript and i18n branches.
Vue · Starter
tov-template
tov-template is an MIT-licensed Vite + Vue 3 + TypeScript starter maintained by dishait. It bundles file-based routing, layouts, Mock, auto-imports, UnoCSS, Pinia, vue-request, Vitest, i18n, dark mode, Dockerfile, and engineering scripts.
Vue · Starter
shadcn-vue-landing-page
A Vue + Shadcn-Vue + TypeScript + Tailwind landing page template with sections like Navbar, Hero, Pricing, FAQ, Team, and Contact, plus dark mode and responsive layout.
Vue · Corporate Website