Where it fits

• Forms, settings panels and onboarding flows
• Drop-in micro-interaction for any form or control cluster

Adjustable knobs

#070711

accent color

#ECEAF9

accent color

#C9C6E8

accent color

#6F6B96

accent color

35s

motion timing

4s

motion timing

Accessibility

• ⚠No reduced-motion fallback yet — wrap the animation in @media (prefers-reduced-motion: reduce) before shipping.
• ✓Includes ARIA attributes / labels for assistive technology.
• ✓Uses native interactive elements, so keyboard focus works out of the box.

Performance

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