Home
Flows
Components
Changelog
PATTTTERNS - An open catalog of design patterns | Product Hunt

Made with šŸ’™ by Pablo Armenv2.1.13

Home
/Components
/Tabs & Pagination

Patterns for Tabs & Pagination

Interface patterns for organizing content into digestible views and managing large data sets.
Ā 
Recommendation (Ad)
https://uink.digital
  • Desktop (17)
  • Tablet (1)
  • Mobile (2)
402. Transition: Zoom-to-Dock for Minimize

402. Transition: Zoom-to-Dock for Minimize

Desktop, Awareness, Accessibility, Decision Making, Apple OS, EspaƱol, Navbar, Drag & Drop Gesture, Animation, Pagination, Side Panel, Transition, Click Event, Browser Window

363. Better History - Back to Top on scroll

363. Better History - Back to Top on scroll

Desktop, Pathfinding, Awareness, Web, English, Pagination, Infinite Scroll, Hypertext Links, Fixed on Scroll

375. Toggle/Show Sidebar Menu

375. Toggle/Show Sidebar Menu

Desktop, Pathfinding, Web, EspaƱol, Navbar, Side Panel, Transition, Hover Event, Click Event, Avatar, List Items, Tabs

360. Page Outline Menu

360. Page Outline Menu

Desktop, Pathfinding, Awareness, Accessibility, Onboarding, Web, English, Pagination, Anchor Scroll

No preview

355. Jira - Feature Presentation Tooltip

Desktop, Awareness, Decision Making, Onboarding, Web, EspaƱol, Tooltip, Hypertext Links, Pagination

344. MercadoLibre - Horizontal Item Slider

344. MercadoLibre - Horizontal Item Slider

Desktop, Awareness, Pathfinding, Web, EspaƱol, Carrousel, Modal, Pagination, Image / Illustration

343. Behance - Login with Code Validation

343. Behance - Login with Code Validation

Desktop, Consent, Decision Making, Awareness, Web, EspaƱol, Text Input, Hypertext Links, Pagination

342. Savee - Light/Dark Mode Switcher

342. Savee - Light/Dark Mode Switcher

Desktop, Accessibility, Pathfinding, Web, English, Checkbox, Tabs

339. Asana - Platform Onboarding Simulator

339. Asana - Platform Onboarding Simulator

Desktop, Decision Making, Awareness, Pathfinding, Web, English, Text Input, Pagination, Animation, Hypertext Links

336. Transition: Zoom-In/Out for Browser Windows

336. Transition: Zoom-In/Out for Browser Windows

Desktop, Pathfinding, Apple OS, EspaƱol, Transition, Tabs, Thumbnail, Pinch Gesture

318. Instagram - Animated Illustration with Menu

318. Instagram - Animated Illustration with Menu

Desktop, Pathfinding, Awareness, Web, English, Animation, Pagination, Carrousel

241. Modal Blackout w/ Steps

241. Modal Blackout w/ Steps

Desktop, Onboarding, Awareness, Web, English, Modal, Hypertext Links, Pagination, Image / Illustration, Wordpress

231. Floating Dialog Popover w/ Steps

231. Floating Dialog Popover w/ Steps

Desktop, Awareness, Pathfinding, Web, EspaƱol, Hypertext Links, Pagination, Side Panel, Alert Dialog, Modal, Dark Mode, Wordpress

138. Widget Customization Sidebar (2-pane)

138. Widget Customization Sidebar (2-pane)

Desktop, Accessibility, Apple OS, macOS, English, Side Panel, Cards, Long Click Event, Drag & Drop Gesture, Close Overlay, Tabs, Transition, Toolbar, Apple

145. Communication Preferences on Sign Up Flow

145. Communication Preferences on Sign Up Flow

Desktop, Appreciation, Onboarding, ā–¼ Consent, Web, English, Text Input, Hypertext Links, Pagination, Google, Google Suite

91. Bubble Status Reading

91. Bubble Status Reading

Desktop, Pathfinding, Awareness, Appreciation, Web, English, Infinite Scroll, Pagination, Animation, Fixed on Scroll, Progress State, Empty State, TechCrunch

21. Advanced Color Picking

21. Advanced Color Picking

Desktop, Accessibility, Apple OS, macOS, EspaƱol, Tabs, Color Marker, Progress State, Dropdown Menu, Numeric Input, Range Field, Drag & Drop Gesture, User Selection