233 / 627

Navigation with a morphing card

There is no separate dropdown. The icon’s own background grows into a card, and the icon moves up into the corner as its heading. Move the pointer slowly from icon to icon, and click a row in the card.

A marketing bar where the icon grows into its menu

  • One objectOn the way to the next icon the same card changes size and content. It does not close and open again.
  • Rows go somewhereA row scrolls the page to its section and the card shrinks back into the icon.
Shelf
Navigation and menus
Group
Navigation 84 of 116
Theme
Light and dark
Live pointer
8 steps, until you take over