Trois Renderer

⚠️ This is a work in progress - expect significant changes to the codebase! ⚠️

• Full Documentation
• Installation

A Vue 3 custom renderer for Three.js.

You can use it to create 3D scenes using code like this:

<TroisCanvas background="white">
  <mesh :position-z="-5">
    <sphereGeometry />
    <meshBasicMaterial :wireframe="true" color="black" />
  </mesh>
</TroisCanvas>

Trois is a French word, it means Three.

The Trois renderer uses several concepts introduced in react-three-fiber - thank you to the creators and maintainers of that project!

By members of the TroisJS team & Breakfast Studio.