Patterns for Navbars & Toolbars
- Desktop (24)
- Tablet (0)
- Mobile (0)
402. Window Minimize (Zoom-to-dock Transition)
Desktop | Awareness | Accessibility | Decision Making | Apple OS | EspaƱol | Navbar | Drag & Drop Gesture | Animation | Pagination | Side Panel | Transition | Click Event
392. SaaS for Construction Workers
Desktop | Landing Page | Web | EspaƱol | Drag & Drop Gesture | Carrousel | Image / Illustration | Animation | Navbar | Hypertext Links | Fixed on Scroll
390. Icon Software Landing Page
Desktop | Landing Page | Decision Making | Web | English | Navbar | Footer | Hypertext Links
362. Slack - Side Menu Toggle
Desktop | Pathfinding | Web | EspaƱol | Navbar | Side Panel | Transition
356. MetaMap - Multi-Layout Topbar Menu
Desktop | Pathfinding | Awareness | Decision Making | Web | English | Navbar | Dropdown Menu
350. Netifly - Multi-layout Topbar Menu
Desktop | Pathfinding | Web | English | Navbar | Dropdown Menu
349. HubSpot - Toggle High Contrast
Desktop | Accessibility | Awareness | Web | English | Hypertext Links | Navbar
346. Toggl - Sidebar Menu Show More
Desktop | Pathfinding | Accessibility | Awareness | Web | English | Accordion | Navbar
322. Search on Menu Items
Desktop | Pathfinding | Awareness | Apple OS | EspaƱol | Navbar | Dropdown Menu | Text Input
314. Snapchat - Snap Camera
Desktop | Landing Page | Web | English | Scrollbar | Navbar | Fixed on Scroll | Button | Animation | Video
312. Pocket - View Switcher
Desktop | Pathfinding | Accessibility | Web | EspaƱol | Navbar | Thumbnail | Toggle Field | Radio Button
312. Google Data Studio
Desktop | Landing Page | Web | EspaƱol | Navbar | Fixed on Scroll | Photo | Device Mockup | Google
305. Notion - App Download Page
Desktop | Landing Page | Decision Making | Web | English | Navbar | Fixed on Scroll | Embed | Image / Illustration | Button | Notion
_00.42.51.png?table=block&id=0252c6ff-06c8-496f-88d6-e8f876a3af4d&cache=v2)
295. āNEWā Badge on Menu Items
Desktop | Mobile | Awareness | Decision Making | Pathfinding | Web | English | Navbar | Notification Badge | Hypertext Links | Notion
293. Collapsable Sidebar Menu
Desktop | Awareness | Pathfinding | Accessibility | Web | English | EspaƱol | Side Panel | Transition | Click Event | Navbar | Google | Gmail
292. Vertical Icon Menu
Desktop | Awareness | Pathfinding | Web | English | Tooltip | Side Panel | Navbar | Mailchimp
215. Stacked Action Button
Desktop | Awareness | Pathfinding | Web | English | Fixed on Scroll | Navbar | Infinite Scroll | Twitter
214. Netflix - Information Toggle
Desktop | Accessibility | Web | EspaƱol | Dropdown Menu | Video | Thumbnail | Navbar | Button | Toggle Field | Netflix
158. Bar Reading Status
Desktop | Awareness | Pathfinding | Web | English | Progress State | Notification Badge | Navbar | Fixed on Scroll | McKinsey
171. Slack - Multi-browser Sign In
Desktop | Onboarding | Pathfinding | Apple OS | Web | Email | English | Navbar | Text Input | Hypertext Links | Button | Numeric Input | Slack
173. Share Invitation to Live Movie
Desktop | Pathfinding | Onboarding | Awareness | Web | Apple OS | EspaƱol | Hypertext Links | Navbar | Live State | Empty State | Copy to Clipboard | Avatar | Thumbnail | Invitation Link | Disney
_23.36.31.png?table=block&id=22445216-099c-4354-bc23-e3a914fa931f&cache=v2)
83. Rewards Notification on Topbar
Desktop | Awareness | Appreciation | Web | English | Notification Badge | Dropdown Menu | Navbar
_11.48.24_a._m..png?table=block&id=ef9b6a77-5ba3-4a1b-bb70-55540d8719de&cache=v2)
135. Stories From Network
Desktop | Mobile | Pathfinding | Web | Apple OS | English | Navbar | Fixed on Scroll | Banner | Avatar | Medium