Skip to content

Levioso (Float)

Leviosa

The cientos package provides a <Levioso /> wrapper that makes its content … float, just like Magic 🪄✨

Usage

html
<Levioso ref="groupRef">
  <TorusKnot :position="[0, 4, 0]">
    <TresMeshNormalMaterial />
  </TorusKnot>
</Levioso>

Props

PropDescriptionDefault
speedFloating speed, higher it rocks more 🤘.1
rotationFactorFactor for Euler rotation.1
floatFactorFactor for Up/down movement.1
rangeRange of y-axis values the object will float within.[-0.1, 0.1]