// Add the following script tag to your web page to get the latest version: // This will make a global `rive` object available, allowing you to access the Rive API via the `rive` entry point: new rive.Rive({});

Menu Study

Why

I created these menus to explore my passion for interactive design and test how motion can make common UX patterns feel both usable and delightful.

How

  • Designed vectors in Illustrator
  • Animated & added interactivity in Rive using custom easing curves to make transitions feel smooth and responsive

Favorites

  • Meatball Menu: Three dots rotate into a 3x3 grid, giving playful feedback while remaining clear and intuitive
  • Fancy Hamburger Menu: Smooth, elegant transformation, reimagined from an After Effects concept with refined timing and motion

Key discoveries

Timing is key — menus feel natural when animations are under 300ms. I also refined my workflow in Rive and explored how motion reinforces interaction patterns and provides subtle feedback to users.

Here are the menus explore, tap, and have fun!

Congratulations! You found the footer! 🎉🎉🎉