Hidden Sidebar Navigation is a compact, animated menu component for portfolio and editorial sites that need a polished navigation without taking up permanent screen space. Visitors can open the sidebar from the menu button, browse primary pages, contact details, and social links, then close it again—all within a focused overlay.
Why use it:
Keeps the page clean while making key destinations easy to find
Combines navigation, contact details, and social profiles in one consistent panel
Includes animated hover states for a more considered interaction feel
Works well for creative portfolios, studios, freelancers, and small businesses
Customizable options:
Four main navigation labels and destinations
Two contact labels and destinations
Four social labels and destinations
Main link, supporting text, menu icon, and arrow colors
Shared font size across the sidebar content
Background blur strength behind the open menu
Arrow styling for the primary navigation links
Menu button label and interaction states
The component is designed to be reusable: one edit panel controls the content and styling of the entire sidebar, so users can quickly adapt it for different pages or projects without rebuilding the navigation.
Hidden Sidebar Navigation is a compact, animated menu component for portfolio and editorial sites that need a polished navigation without taking up permanent screen space. Visitors can open the sidebar from the menu button, browse primary pages, contact details, and social links, then close it again—all within a focused overlay.
Why use it:
Keeps the page clean while making key destinations easy to find
Combines navigation, contact details, and social profiles in one consistent panel
Includes animated hover states for a more considered interaction feel
Works well for creative portfolios, studios, freelancers, and small businesses
Customizable options:
Four main navigation labels and destinations
Two contact labels and destinations
Four social labels and destinations
Main link, supporting text, menu icon, and arrow colors
Shared font size across the sidebar content
Background blur strength behind the open menu
Arrow styling for the primary navigation links
Menu button label and interaction states
The component is designed to be reusable: one edit panel controls the content and styling of the entire sidebar, so users can quickly adapt it for different pages or projects without rebuilding the navigation.
