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

Made with šŸ’™ by Pablo Armenv2.1.10

Home
/Components
/Navbars & Toolbars

Patterns for Navbars & Toolbars

Foundational navigation structures that maintain context and accessibility across any screen size.
Ā 
Recommendation (Ad)
https://uink.digital
Ā 
  • Desktop (22)
  • Tablet (0)
  • Mobile (0)
392. SaaS for Construction Workers

392. SaaS for Construction Workers

Desktop, Landing Page, Web, EspaƱol, Drag & Drop Gesture, Carrousel, Image / Illustration, Animation, Navbar, Hypertext Links, Fixed on Scroll

Open pattern
390. Icon Software Landing Page

390. Icon Software Landing Page

Desktop, Landing Page, Decision Making, Web, English, Navbar, Footer, Hypertext Links

Open pattern
362. Slack - Side Menu Toggle

362. Slack - Side Menu Toggle

Desktop, Pathfinding, Web, EspaƱol, Navbar, Side Panel, Transition

Open pattern
356. MetaMap - Multi-Layout Topbar Menu

356. MetaMap - Multi-Layout Topbar Menu

Desktop, Pathfinding, Awareness, Decision Making, Web, English, Navbar, Dropdown Menu

Open pattern
350. Netifly - Multi-layout Topbar Menu

350. Netifly - Multi-layout Topbar Menu

Desktop, Pathfinding, Web, English, Navbar, Dropdown Menu

Open pattern
349. HubSpot - Toggle High Contrast

349. HubSpot - Toggle High Contrast

Desktop, Accessibility, Awareness, Web, English, Hypertext Links, Navbar

Open pattern
346. Toggl - Sidebar Menu Show More

346. Toggl - Sidebar Menu Show More

Desktop, Pathfinding, Accessibility, Awareness, Web, English, Accordion, Navbar

Open pattern
322. Search on Menu Items

322. Search on Menu Items

Desktop, Pathfinding, Awareness, Apple OS, EspaƱol, Navbar, Dropdown Menu, Text Input

Open pattern
314. Snapchat - Snap Camera

314. Snapchat - Snap Camera

Desktop, Landing Page, Web, English, Scrollbar, Navbar, Fixed on Scroll, Button, Animation, Video

Open pattern
312. Pocket - View Switcher

312. Pocket - View Switcher

Desktop, Pathfinding, Accessibility, Web, EspaƱol, Navbar, Thumbnail, Toggle Field, Radio Button

Open pattern
312. Google Data Studio

312. Google Data Studio

Desktop, Landing Page, Web, EspaƱol, Navbar, Fixed on Scroll, Photo, Device Mockup, Google

Open pattern
305. Notion - App Download Page

305. Notion - App Download Page

Desktop, Landing Page, Decision Making, Web, English, Navbar, Fixed on Scroll, Embed, Image / Illustration, Button, Notion

Open pattern
295. ā€œNEWā€ Badge on Menu Items

295. ā€œNEWā€ Badge on Menu Items

Desktop, Mobile, Awareness, Decision Making, Pathfinding, Web, English, Navbar, Notification Badge, Hypertext Links, Notion

Open pattern
293. Collapsable Sidebar Menu

293. Collapsable Sidebar Menu

Desktop, Awareness, Pathfinding, Accessibility, Web, English, EspaƱol, Side Panel, Transition, Click Event, Navbar, Google, Gmail

Open pattern
292. Vertical Icon Menu

292. Vertical Icon Menu

Desktop, Awareness, Pathfinding, Web, English, Tooltip, Side Panel, Navbar, Mailchimp

Open pattern
215. Stacked Action Button

215. Stacked Action Button

Desktop, Awareness, Pathfinding, Web, English, Fixed on Scroll, Navbar, Infinite Scroll, Twitter

Open pattern
214. Netflix - Information Toggle

214. Netflix - Information Toggle

Desktop, Accessibility, Web, EspaƱol, Dropdown Menu, Video, Thumbnail, Navbar, Button, Toggle Field, Netflix

Open pattern
158. Bar Reading Status

158. Bar Reading Status

Desktop, Awareness, Pathfinding, Web, English, Progress State, Notification Badge, Navbar, Fixed on Scroll, McKinsey

Open pattern
171. Slack - Multi-browser Sign In

171. Slack - Multi-browser Sign In

Desktop, Onboarding, Pathfinding, Apple OS, Web, Email, English, Navbar, Text Input, Hypertext Links, Button, Numeric Input, Slack

Open pattern
173. Share Invitation to Live Movie

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

Open pattern
83. Rewards Notification on Topbar

83. Rewards Notification on Topbar

Desktop, Awareness, Appreciation, Web, English, Notification Badge, Dropdown Menu, Navbar

Open pattern
135. Stories From Network

135. Stories From Network

Desktop, Mobile, Pathfinding, Web, Apple OS, English, Navbar, Fixed on Scroll, Banner, Avatar, Medium

Open pattern