Animated Menu
Navigationinline sandboxA slide-out navigation menu with staggered links, an animated curve accent, and motion-driven transitions. This component is inspired from Oliver larose tutorial and I built this in the library just for fun and learning purposes.
animated menu
navigation menu
slide out menu
drawer menu
motion menu
Preview
Installation
Use the shadcn CLI to install this component:
npx shadcn@latest add https://messyui.dev/r/animated-menu.jsonProps
| Prop | Type | Default | Description |
|---|---|---|---|
| menuItems | MenuItem[] | [{ "title": "Home", "href": "/" }, { "title": "Work", "href": "/work" }, { "title": "About", "href": "/about" }] |