Preview image. Unlock full-res
A working prototype of a redesigned sidebar for Quiver AI, showcasing expanded, collapsed, and flyout states with smooth transitions built by a product designer who also shipped the actual code.
More like this
See all
Summary
A working prototype of a redesigned sidebar for Quiver AI, showcasing expanded, collapsed, and flyout states with smooth transitions built by a product designer who also shipped the actual code.
Visual description
Minimal vertical navigation sidebar with six monoline icons at 1px stroke weight arranged vertically on white. One icon is highlighted with an expanded black rounded button label reading 'Discover', demonstrating the expanded state alongside the collapsed icon-only layout. The interaction elegantly moves between compact navigation and labeled affordance.
Key takeaway
Use icon-only navigation that reveals labels on hover or active state, keeping the interface compact while providing clear labels for discovery without occupying space in the resting state.
Reuse notes
Reach for this as a ui screen reference. Pairs with minimal, clean directions. Original by Dann Petty.
