---
title: "Hidden Sidebar Navig — Free Framer component · Best of Framer"
description: "Free Framer component · by Sebastian Pohl · Navigation. Free fancy Sidebar Navigation"
canonical: "https://framer.elliotli.dev/component/hidden-sidebar-navig"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/Hidden Sidebar Navig

# Hidden Sidebar Navig

Free fancy Sidebar Navigation

[View on Framer](https://framer.com/marketplace/components/hidden-sidebar-navig/?via=elliot-li)

![Hidden Sidebar Navig preview image 1](https://framer.elliotli.dev/og/component/hidden-sidebar-navig/ed51040aaa9e0c93/1600x1571.jpg)

## Summary

Free fancy Sidebar Navigation

## Description

**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.**

## Rank history [How rankings work →](/terms#rankings)

-   All · #2563

## Details

- **Author**: Sebastian Pohl
- **Published**: 2026-07-26
- **Updated**: 2026-07-26
- **Added**: 2026-07-26
- **Categories**: Navigation

## More like this

-   [Reveal Navigations](/component/reveal-navigations) — Design Supply · Free — A calmer way to open your menu
-   [Collapsible Sidebar](/component/collapsible-sidebar) — Marso Angelov · $10 — Responsive Side Navigation
-   [Dial Picker](/component/dial-picker) — Tanmay Kaper · $14 — A machined dial for your projects
-   [Expanding Side Menu](/component/expanding-side-menu) — Russet Supply · $5 — Animated Framer Navigation