# ✨ ThreeJS + VueJS 3 ⚡

The Trois renderer is a custom renderer for Vue 3, like react-three-fiber is for React.

You can use it to write code like this:

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

which creates:

Trois is a french word, it means Three.