---
layout: home

title: TresJS
titleTemplate: The solution for 3D on VueJS

hero:
  name: TresJS
  text: Bring Three to the Vue ecosystem
  tagline: Create awesome 3D experiences with the framework you love.
  image:
    src: /hero.png
    alt: Tresjs
  actions:
    - theme: brand
      text: Get Started
      link: /guide/
    - theme: alt
      text: Why Tres?
      link: /guide/#motivation

features:
  - icon: 💡
    title: Declarative
    details: Build 3D scenes with Vue components.
  - icon: ⚡️
    title: Powered by Vite
    details: Hot Module Replacement (HMR) stays fast regardless of app size.
  - icon: 🥰
    title: Keeps up to date
    details: All the latest features of ThreeJS right away thanks to a Vue custom renderer.
  - icon: 🌳
    title: Ecosystem
    details: Extend core functionality with packages like `cientos` and `postprocessing`. Or add your own!
---