Where it fits

• Use as the one signature motion moment on an otherwise calm page

Adjustable knobs

#070711

accent color

#ECEAF9

accent color

#9D99C4

accent color

#8B5CF6

accent color

25s

motion timing

3s

motion timing

55s

motion timing

Accessibility

• ✓Ships with a prefers-reduced-motion fallback — motion is disabled or reduced for sensitive users.
• ⚠Interactive controls detected — add aria-labels where icons carry meaning.

Performance

• Animations run on transform/opacity only (GPU-composited) — no layout thrash.
• Self-contained single file (~3.4 KB, no network requests) — safe to inline or lazy-load in an iframe.