Patterns for Navbars & Toolbars
- Desktop (26)
- Tablet (1)
- Mobile (0)
405. Ferrari Luce Website (by LoveFrom)
Desktop | Landing Page | Web | Navbar | Footer | Hypertext Links | Animation | Carrousel | Fixed on Scroll | Image / Illustration | Thumbnail | Button | Transition | Video | Anchor Scroll | Scrollbar
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
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
375. Toggle/Show Sidebar Menu
Desktop | Pathfinding | Web | EspaƱol | Navbar | Side Panel | Transition | Hover Event | Click Event | Avatar | List Items | Tabs
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. Sidebar Menu With Collapsable Items (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 | Fixed on Scroll
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
311. Landing Page for App Download
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 | Hover Event | Image / Illustration | Notification Badge | Dashboard | Mailchimp
279. Collapsable Layout Sidebars
Desktop | Pathfinding | Accessibility | Apple OS | macOS | EspaƱol | Toolbar | Navbar | Side Panel | Click Event | Transition | Avatar | Chat | Drag & Drop Gesture | List Items | Button | Close Overlay | Slack
221. Stacked Action Button
Desktop | Awareness | Pathfinding | Web | English | Fixed on Scroll | Navbar | Infinite Scroll | Button | Back Link | Search Input | Twitter
214. Netflix - Information Toggle
Desktop | Accessibility | Web | EspaƱol | Dropdown Menu | Video | Thumbnail | Navbar | Button | Toggle Field | Netflix
150. Split OS Screens
Desktop | Accessibility | Web | English | Drag & Drop Gesture | Long Click Event | Browser Window | Navbar | Side Panel | Active State | Live State
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