Hidden Sidebar Navig

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.