Where it fits

• Navigation systems and power-user entry points
• System status, membership tiers and live indicators
• Drop-in micro-interaction for any form or control cluster

Adjustable knobs

#070711

accent color

#ECEAF9

accent color

#34D399

accent color

#FBBF24

accent color

2s

motion timing

1s

motion timing

2.4s

motion timing

Accessibility

• ✓Ships with a prefers-reduced-motion fallback — motion is disabled or reduced for sensitive users.

Performance

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