---
title: "Fold NavBar — Framer component · Best of Framer"
description: "$14.00 · Framer component · by Saira Fayyaz · Navigation. Premium folding navigation"
canonical: "https://framer.elliotli.dev/component/fold-navbar"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/Fold NavBar

# Fold NavBar

Premium folding navigation

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

![Fold NavBar preview image 1](https://framer.elliotli.dev/og/component/fold-navbar/bed71417401be556/1600x1067.jpg)

## Summary

Premium folding navigation

## Description

Fold Nav is a premium expandable navigation component for Framer designed for portfolios, agencies, studios, SaaS websites and modern landing pages. It starts as a compact floating menu and unfolds into a beautifully structured navigation panel with smooth motion, numbered links, descriptions and a prominent CTA.

The layout adapts fluidly across desktop, tablet and mobile. On smaller screens, Fold Nav expands into a comfortable near-full-width panel with large touch targets and an internally scrollable layout when screen height is limited.

**Features:**

-   Compact closed navigation state
    
-   Smooth folding open/close animation
    
-   Staggered navigation reveal
    
-   Responsive desktop, tablet and mobile layouts
    
-   Active and hover navigation states
    
-   Optional link descriptions
    
-   Optional section numbers
    
-   Premium CTA button
    
-   Escape key support
    
-   Internal scrolling on short screens
    
-   Left or right positioning
    
-   Reduced-motion accessibility support
    
-   Dedicated Framer static-renderer fallback
    

**Editable properties:**

-   Brand name and link
    
-   Navigation labels, links and descriptions
    
-   CTA text and destination
    
-   Accent and surface colors
    
-   Active surface color
    
-   Text, muted and border colors
    
-   Glass effect and blur
    
-   Closed and expanded panel widths
    
-   Border radius
    
-   Top and side offsets
    
-   Panel padding
    
-   Animation speed
    
-   Stagger timing
    
-   Show/hide numbers and descriptions
    

Fold Nav gives designers a polished alternative to a traditional navbar while remaining highly customizable directly inside Framer.

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

-   All · #2385

## Details

- **Author**: Saira Fayyaz
- **Price**: $14.00
- **Published**: 2026-09-12
- **Updated**: 2026-09-12
- **Added**: 2026-09-12
- **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