Where it fits

• Above-the-fold hero sections for product and marketing pages
• Product launch pages and hardware showcase sections
• Drop in as a complete section of a larger site

Adjustable knobs

#14102A

accent color

#070711

accent color

#ECEAF9

accent color

#E879F9

accent color

3s

motion timing

26s

motion timing

6s

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.
• ✓Uses native interactive elements, so keyboard focus works out of the box.

Performance

• Animations run on transform/opacity only (GPU-composited) — no layout thrash.
• Uses CSS blur — the most expensive filter; keep blurred areas modest on mobile.
• backdrop-filter glass panels look great but cost per-frame compositing — a few panels is fine, a page of them is not.
• Self-contained single file (~4.9 KB, no network requests) — safe to inline or lazy-load in an iframe.