No Description

alvarosabu db4523a979 docs: fix brand colors 1 year ago
.github b17793f63b docs: replace astackblitz embeds for sandbox (#452) 1 year ago
.vscode 5ab25393ad chore: remove local settings 1 year ago
docs db4523a979 docs: fix brand colors 1 year ago
playground 0185bfa6f0 feat: 474 vue chrome devtools plugin (#526) 1 year ago
public 7e51db3794 docs: updated docs 2 years ago
src 91e047a907 refactor: Simplify the logic for calculating sizes and extract it into useSizes (#513) 1 year ago
.eslintignore bd573a6d0b chore: linting and formatting (#389) 1 year ago
.eslintrc.json 5ab25393ad chore: remove local settings 1 year ago
.gitignore f289317e2b docs: blog tresjs nuxt module announcement (#313) 1 year ago
.npmrc 286ac4ccea Hola mundo 🍩🪐 2 years ago
.release-it.json 2e235a467a chore: fix before init script 2 years ago
CHANGELOG.md 0be3969a68 chore: release v3.7.0 1 year ago
CODE_OF_CONDUCT.md b0790cf20a docs: updated discord link 2 years ago
CONTRIBUTING.md e0565d511d docs: updated contribution guide (#387) 1 year ago
LICENSE 286ac4ccea Hola mundo 🍩🪐 2 years ago
README.md 341faacb93 fix: correct minor typos (#438) 1 year ago
components.d.ts 7c9e41af0d fix: package exports 2 years ago
composables.d.ts 7c9e41af0d fix: package exports 2 years ago
netlify.toml 4c7fb943c4 docs: better approach for use of core in docs examples 2 years ago
package.json 0be3969a68 chore: release v3.7.0 1 year ago
pnpm-lock.yaml 0185bfa6f0 feat: 474 vue chrome devtools plugin (#526) 1 year ago
pnpm-workspace.yaml 5b1f2220df chore: fix package.json + remove `/@` alias + add docs as workspace 2 years ago
renovate.json afd58f8c5b chore: repo improvements and automerge (#434) 1 year ago
tsconfig.json 5b1f2220df chore: fix package.json + remove `/@` alias + add docs as workspace 2 years ago
tsconfig.node.json 6fc890e886 chore: fixed types on the playground 2 years ago
types.d.ts 7c9e41af0d fix: package exports 2 years ago
utils.d.ts 7c9e41af0d fix: package exports 2 years ago
vite.config.ts a28486ba35 docs: nuxt module docs 1 year ago

README.md

repo-banner

npm package npm downloads discord chat

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

Be the first to support this project here ☺️