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

Made with 💙 by Pablo Armenv2.1.20

/
/
Home
/Patterns
/360. Page Outline Menu

Page Outline Menu

 DesktopPathfindingAwarenessAccessibility

Generated Description

This menu provides an interactive outline of page content, allowing users to quickly navigate to specific sections and understand the page structure at a glance.

View more...

Pattern Metadata

Released: Dec 7, 2022

Updated: May 28, 2026

Version: 2.1.19

Was this useful?

Export components

BETA

This pattern is ready to use on your codebase.

Sign in to preview and download component code for 360. Page Outline Menu.

Device (Tabs)
Desktop
System (OS)
Web
Language (i18n)
English
Description
This menu provides an interactive outline of page content, allowing users to quickly navigate to specific sections and understand the page structure at a glance.
VotesUp
VotesDown
Pattern ID
373
UX Flows
Pathfinding
Awareness
Accessibility
Onboarding
UI Components
Pagination
Anchor Scroll
Version
2.1.19
Figma Help PageRelated Patterns
 
 

Figma Help Page

notion image
 
 
 

Related Patterns

  • 394. Page Outline Scroller (touch)

Still searching?

Tell us what's missing, and we'll help you find it.

Send feedback