Home
Home/TresJs

TresJs

TresJS is a Vue-powered custom renderer for Three.js, offering declarative, component-based 3D scene creation with full Three.js compatibility and blazing-fast development powered by Vite.

TresJs Screenshot

Declarative Vue API
Build scenes using familiar Vue components (<TresCanvas>, <TresMesh>), harnessing reactive state and lifecycle management.

Full Three.js compatibility
Works directly with the latest Three.js via Vite, automatically staying current without manual maintenance.

Vite-powered performance
Benefit from fast hot module replacement (HMR) and lightweight builds optimized for developer experience.

TypeScript ready
Fully typed components and strong TS support ensure robust autocomplete and safety.

Expandable ecosystem
Use official packages like @tresjs/cientos and @tresjs/postprocessing for models, controls, shaders, and visual effects.

Nuxt integration
Official Nuxt module simplifies adding 3D support in Nuxt 3 apps with one-line configuration.

Active community & show‑case
Rich gallery of demos and enthusiastic support on Discord and GitHub.

Details

WebsiteTresJs
LicenseOpen Source

Support us

Join our newsletter to get the latest tools delivered to your inbox.

Subscribe