---
title: "Sidebar Navigation — Free Framer component · Best of Framer"
description: "Free Framer component · by Till Janek · Navigation. Smooth, flexible adaptive sidebar"
canonical: "https://framer.elliotli.dev/component/sidebar-navigation"
---

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

# Sidebar Navigation

Smooth, flexible adaptive sidebar

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

![Sidebar Navigation preview image 1](https://framer.elliotli.dev/og/component/sidebar-navigation/65b049d168a8bb0c/1600x1200.jpg)

## Summary

Smooth, flexible adaptive sidebar

## Description

## About

Designed for deep customization while staying easy to manage — dive into the component and tailor it exactly to your needs.

### Customize

-   Find instructions within component
    
-   Easily adjust open states width
    
-   Instructions within component
    
-   Adaptive sidebar layout that scales with the component width
    
-   Smooth, polished animations
    
-   Unique interactive hover states for navigation links
    
-   Custom SVG support for icons
    

### Who is this for?

-   Startup websites
    
-   Marketing pages
    
-   Agency/Portfolio
    
-   Modern Framer templates
    
-   e-Commerce
    

### Mobile-ready by design.

Set the component width to 100%, use Fill, or pin it left & right when the component is fixed to make the sidebar scale seamlessly across both edges of the phone screen.

### Share your build

If you build something with Sidebar Dock Menu, I'd love to see it. Feel free to share it on X and tag me **@tilljanek.**

### Need help?

Questions, feedback, or feature requests? Reach out anytime at [**support@tilljanek.com**](mailto:deine@email.com) or on X [@Till Janek](/community/creator/@tilljanek/) **anek.**

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

-   All · #1068

## Details

- **Author**: Till Janek
- **Published**: 2026-01-29
- **Updated**: 2026-07-14
- **Added**: 2026-01-18
- **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