Backgrounds
Sakura Tree
ProA painterly toon-shaded 3D cherry-blossom scene with wind-driven falling petals.
Install
Props
What It Demonstrates
- Loop
- An animation that repeats, a set number of times or infinitely.
- Float
- A gentle, continuous up-and-down drift that makes a static element feel alive and weightless.
- Idle animation
- Subtle motion that plays while an element is just sitting there, waiting to be interacted with.
Related Components
Ribbons
Flowing translucent ribbons drifting across a canvas.
Constellation
A constellation network. Drifting particles link by proximity, chase and flee the cursor, and glow.
Aurora
Flowing curtains of amethyst light drifting across a starless night sky. An fbm-warped WebGL2 field where luminous bands ripple, fold, and dissolve into fine grain, like a polar aurora seen from the dark side of the world.
Cinders
A dark field of embers and ash rising on the draft, aglow with amethyst.
CausticsPro
Light through moving water. The filaments are the zero crossings of a noise field folded back on itself, not its peaks — which is why they stay thin and hard-edged at any brightness instead of blooming into blobs. The lattice is periodic, so the flow offset wraps and the motion never coarsens over a long session.
Waves
A woven field of flowing waves rendered on a WebGL line shader.