585 / 627

Morph card

There is no separate dropdown.

  • The icon’s own surface grows into the card, and the icon settles in the corner as its heading.
  • Move to a neighbour and the card reshapes to the new size and content as one object.
  • Leave, and it folds back into the icon, faster than it came.
Shelf
Engineering
Group
Navigation patterns 05 of 11
Theme
Light and dark
Live pointer
6 steps, until you take over