Object effect · Ongoing motion

Float

Hover in the air — a soft bob that never quite repeats, drifting and banking a little

  • motion
  • calm
  • product
  • background
  • hero

Settings and defaults

Bob
0.08
Drift
0.04
Bank
5 °
Speed
1 ×
Duration
4 s

Float makes an object hover in the air: a soft bob up and down that never quite repeats, a gentle sideways drift, and a slight lean into that drift, the way something light hangs in the air.

How it works

The bob is made of three slow waves at speeds that never line up, so the motion does not visibly loop even when watched for a long time. A second, slower set of waves moves it a little sideways, and it banks into that drift, leaning the way it is moving, which is what makes it feel suspended rather than mechanically bobbing. It eases in when switched on and settles back to rest when switched off. It is layered over the object's own position and animation, so it combines with other effects.

Settings

  • Bob: how far it rises and falls, as a share of its height.
  • Drift: how far it wanders sideways.
  • Bank: how much it leans into its drift.
  • Speed: how fast the whole motion runs.
  • Duration: one pass of building up, moving and settling; with Loop on it keeps going.

Use it for

Hero products, floating islands, spaceships and logos: scenes that should feel alive without drawing attention. Keep it on the object with Loop, run it on click or hover (triggering again settles it), or switch it on in an action. Combine with Rotate for a slow turntable in the air, or pair it with Glow.

More object effects

Works well with