Skip to content

Tresjs/tres

Folders and files

NameName
Last commit message
Last commit date
Feb 4, 2025
Sep 3, 2023
Mar 31, 2025
Feb 22, 2025
Apr 19, 2023
Sep 27, 2024
Feb 22, 2025
May 8, 2024
Mar 4, 2024
Jul 1, 2024
Nov 28, 2022
Apr 9, 2024
Feb 6, 2025
Apr 9, 2024
Apr 22, 2024
Nov 28, 2022
Jul 2, 2024
Apr 8, 2024
Apr 8, 2024
Oct 1, 2024
Feb 22, 2025
Mar 14, 2025
Mar 14, 2025
Aug 30, 2024
Sep 6, 2024
Sep 27, 2024
Apr 9, 2024
Dec 20, 2024
Apr 8, 2024
Apr 8, 2024
Dec 20, 2024

Repository files navigation

repo-banner

npm package npm downloads discord chat netlify status

TresJS @tresjs/core

Declarative ThreeJS using Vue Components

  • 💡 Build 3D scene as they were Vue components
  • ⚡️ Powered by Vite
  • 🥰 It brings all the updated features of ThreeJS right away regardless the version
  • 🦾 Fully Typed

Tres (Spanish word for "three", pronounced /tres/ ) is a way of creating ThreeJS scenes with Vue components in a declarative fashion.

It's build on-top of a Vue Custom Renderer and it's powered by Vite.

The goal is to provide the Vue's community an easy way of building 3D scenes with Vue, always up to date with the latest ThreeJS features and with 0-to-none maintenance.

Installation

pnpm install @tresjs/core three

Docs

Checkout the docs

Demos

Ecosystem

Package Version
Tres tres version
Cientos cientos version
Post-processing post-processing version
Nuxt nuxt version
TresLeches 🍰 tresleches version

Contribution

We are open to contributions, please read the contributing guide to get started.

Setup

pnpm install --shamefully-hoist

Playground

To run the small playground

pnpm run playground

Build lib

To build the core as library mode just use

pnpm run build

Docs

To run de docs in dev mode

pnpm run docs:dev

To build them

pnpm run docs:build

License

MIT

Sponsors

sponsors