UX Patterns for Search & Navigation
Because we are all looking for something, this patterns help people find and accomplish their tasks. Usually seen as navigation hierarchy, collapsable menus and other visual clues.
363. Better History - Back to Top on scroll
363. Better History - Back to Top on scroll
PaginationScrollHypertextFixed on Scroll
359. Discord - Button to Input Transition
359. Discord - Button to Input Transition
Input FieldHypertext
353. Population Pyramid - Visualizations with live filters
353. Population Pyramid - Visualizations with live filters
GraphAnimation & VideoFiltersDropdown Menu
344. MercadoLibre - Horizontal Item Slider
344. MercadoLibre - Horizontal Item Slider
CarrouselModalPaginationIllustration
341. Savee - Image Grid Customization
341. Savee - Image Grid Customization
Animation & VideoDrag & DropRange Field
339. Asana - Platform Onboarding Simulator
339. Asana - Platform Onboarding Simulator
Input FieldPaginationAnimation & VideoHypertext
336. Floating Popover on Click
336. Floating Popover on Click
TooltipInput FieldHypertext
343. Modal Drag & Drop to Fixed Position
343. Modal Drag & Drop to Fixed Position
Drag & DropModalSide Panel
333. Static Tooltip with Steps
333. Static Tooltip with Steps
318. Binance - Tooltip on Features
318. Binance - Tooltip on Features
_00.42.51/w=1920,quality=90,fit=scale-down)
284. Top Tooltip on Link Hover
284. Top Tooltip on Link Hover
268. GIPHY - Alert on Drag & Drop
268. GIPHY - Alert on Drag & Drop
Drag & DropModalHypertextAnimation & VideoIllustration
274. Interactive Background Animation
274. Interactive Background Animation
Animation & VideoLoaderDrag & Drop
264. Figma - Interactive Background Animation
264. Figma - Interactive Background Animation
259. Squarespace - Multi-depth Sidebar Navigation
259. Squarespace - Multi-depth Sidebar Navigation
Side PanelHypertextAnimation & Video
258. Squarespace - Adaptable Viewport Size
258. Squarespace - Adaptable Viewport Size
Side PanelHypertextAnimation & Video
231. Automatic Floating Popover with Steps
231. Automatic Floating Popover with Steps
HypertextPaginationSide Panel
_18.38.50/w=1920,quality=90,fit=scale-down)
175. Tab Preview on Hover State
175. Tab Preview on Hover State
_09.27.02_p._m..png&w=1920&q=90)
_11.40.00_a._m..png&w=1920&q=90)
_01.16.07_p._m..png&w=1920&q=90)
_01.38.38_a._m..png&w=1920&q=90)
_21.29.50/w=1920,quality=90,fit=scale-down)
176. Wordpress.com - Natural Inputs with Suggestions
176. Wordpress.com - Natural Inputs with Suggestions
91. Bubble Status Reading 
91. Bubble Status Reading
ScrollPaginationAnimation & VideoFixed on ScrollProgress StateEmpty State
173. Share Invitation to Live Movie
173. Share Invitation to Live Movie
HypertextNavbarLive StateEmpty StateCopy to ClipboardAvatarShare ThumbnailInvitation Link
_10.36.09_p._m..png&w=1920&q=90)
_11.42.00_p._m..png&w=1920&q=90)
_11.48.24_a._m..png&w=1920&q=90)
_02.43.10_p._m..png&w=1920&q=90)
_13.23.22/w=1920,quality=90,fit=scale-down)
_16.21.40/w=1920,quality=90,fit=scale-down)
