Multi-Level Drawer Menu
Cascading two-panel drawer menu for sports, ecommerce and editorial brands. Panel 1 reveals from the left via clip-path with rounded corners; primary categories stagger in with opacity + x. Hovering a primary that has a sublist reveals Panel 2 next to it with its own clip-path L→R animation. A dim overlay tints the page underneath while the trigger stays clickable above. On mobile the second panel collapses into a click-driven drill-down that slides in from the right with a Back button.
On mobile
Can't copy on a phone? Get the free Starter Pack instead.
Three production-grade components in React, Vue and HTML/CSS/JS, in your inbox, ready when you're back at your desk.
What you'll need.
Install
- GSAP
Attributes, tips, use cases and full code are part of access.
The preview and provenance stay public. Tune-it docs, the data-anm-* attribute table, real-world use cases and the copy-ready code unlock the moment you sign in.
