---
seo:
  title: TresJS - Bring Three to the Vue ecosystem
  description: Create awesome 3D experiences with the framework you love.
---

::u-page-hero
---
orientation: horizontal
---
  :::home-scene
  :::

#title
<span class="text-primary-300">TresJS</span> \
Bring Three to the Vue ecosystem

#description
Create awesome Three-based experiences with the framework you love.

#links
  :::u-button
  ---
  size: lg
  color: neutral
  to: /getting-started
  trailing-icon: i-lucide-arrow-right
  ---
  Get started
  :::

  :::u-button
  ---
  color: neutral
  icon: i-simple-icons-github
  size: lg
  target: _blank
  to: https://github.com/tresjs/tres
  variant: subtle
  ---
  Star on GitHub
  :::
::

::u-page-section
#title
Features you will love

#links
  :::u-button
  ---
  color: neutral
  size: lg
  target: _blank
  to: https://lab.tresjs.org/
  trailingIcon: i-lucide:flask-conical
  variant: subtle
  ---
  Explore the lab
  :::

#features
  :::u-page-feature
  ---
  icon: i-lucide-lightbulb
  target: _blank
  ---
  #title
  Declarative

  #description
  Build 3D scenes with familiar Vue components and composables.
  :::

  :::u-page-feature
  ---
  icon: i-simple-icons-threedotjs
  target: _blank
  to: https://threejs.org
  ---
  #title
  Up to date with Three.js

  #description
  Enjoy the latest features right away.
  :::

  :::u-page-feature
  ---
  icon: i-lucide-smile
  target: _blank
  to: https://ui.nuxt.com
  ---
  #title
  DX focused
  #description
  Inspect your 3D scenes like never before with official devtools.
  :::

  :::u-page-feature
  ---
  icon: i-simple-icons-typescript
  target: _blank
  to: https://www.typescriptlang.org
  ---
  #title
  TypeScript

  #description
  A fully typed development experience.
  :::

  :::u-page-feature
  ---
  icon: i-simple-icons-nuxtdotjs
  target: _blank
  to: https://nuxt.com/modules/tresjs
  ---
  #title
  Nuxt module

  #description
  Enjoy the best of both worlds with a fully integrated experience.
  :::

  :::u-page-feature
  ---
  icon: i-lucide:tree-deciduous
  target: _blank

  ---
  #title
  Ecosystem

  #description
  Extend the core functionality with packages such as cientos and postprocessing or add your own custom packages.
  :::
::