Menu Effects
Sidebars, overlays, dropdowns and navigation patterns
Full Screen Overlay
Covers entire viewport
When to useDramatic navigation reveal for portfolio sites or minimal designs.
Blur Background Slide
Slides in with backdrop blur
When to useModern mobile menus that maintain context of the main content.
Detached Floating
Floats with gap from edge
Push Content
Pushes main content aside
Content area pushes aside
Bottom Sheet
Slides up from bottom
When to useMobile-first actions, sharing options, or quick settings.
Expanding Cards
Cards expand on hover
When to useDashboard navigation or feature selection with visual previews.
Stacked Cards
Cards fan out from stack
When to useCreative portfolio navigation or card-based selections.
Sliding Panels
Horizontal sliding sections
When to useMulti-step wizards or category-based navigation.
Dashboard Content
Panel 1 details here
Profile Content
Panel 2 details here
Messages Content
Panel 3 details here
Command Palette
Spotlight search style
When to usePower user shortcuts, global search, or quick actions.
Morphing Tabs
Animated indicator follows selection
When to useSeamless tab navigation with visual continuity.
Content for Dashboard
Notification Center
Slide-in notification panel
When to useNotification systems, activity feeds, or alerts.
