How it works
Parent variants orchestrate children with staggerChildren/delayChildren; the panel expands with an animated circle() clip-path.
Staggered Menu
Mobile navigation: circular clip-path reveal, blurred backdrop, staggered links.
★ showcaseMotionCSS
Performance
backdrop-filter is expensive, so the blur layer is only mounted while the menu is open.
Accessibility & reduced motion
aria-expanded on the toggle, Esc closes, focus moves into the menu and returns to the toggle.
Export
transition={{ type: 'spring', stiffness: 260, damping: 24, mass: 1 }}