---
title: "Navbar 05 — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Ahmet Loca · Navigation. Fullscreen overlay navba"
canonical: "https://framer.elliotli.dev/component/navbar-05"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/Navbar 05

# Navbar 05

Fullscreen overlay navba

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

![Navbar 05 preview image 1](https://framer.elliotli.dev/og/component/navbar-05/cf2200cb3e1a3fef/1600x1200.jpg)

## Summary

Fullscreen overlay navba

## Description

**MORE FRAMER COMPONENTS LIKE THIS**

**✦ Browse +38 FREE + 85 premium components:** [**https://frameze.com/components**](https://frameze.com/components)

## **Abot Navbar05**

Navbar05 is a production-ready fullscreen overlay navbar. Pair a refined script-style wordmark with a Menu/Close pill and chevron, then open a bold, centered navigation list over a paper, glass, or fully custom theme. Built for agencies, studios, and product sites that need a clean header, accessible dialog behavior, and crawlable primary links Google can index without opening the menu.

**Features**

-   Fullscreen overlay menu with centered, large-type nav links (no numbering)
    
-   Script-italic logo wordmark with optional suffix, size control, and logo URL
    
-   Menu / Close pill button with rotating chevron and optional pill background
    
-   Theme modes: Paper, Glass (blur), and Custom colors for background, text, logo, and nav items
    
-   Accent color for focus rings; separate hover color for links, underline, and menu control
    
-   Sticky header option for scroll-friendly layouts
    
-   Native font pickers (extended) for UI, logo, and nav item type
    
-   Responsive layout with mobile-aware padding and capped nav type size
    
-   Accessible dialog: aria-expanded, aria-controls, aria-haspopup, Escape, focus return, focus trap inside the overlay
    
-   Primary nav links stay in the DOM when closed so crawlers and assistive tech can discover them
    
-   Semantic landmarks: banner header, primary nav, contentinfo copyright line
    

**Use Cases**

-   Creative agency and design studio websites 
    
-   Portfolio and personal branding sites 
    
-   SaaS marketing and product landing pages 
    
-   Fashion, lifestyle, and editorial brands 
    
-   Architecture and interior design portfolios 
    
-   Photography and visual storytelling sites 
    
-   Startup and founder personal sites 
    
-   Event, conference, and cultural institution pages 
    
-   Restaurant, hospitality, and boutique brand sites 
    
-   Minimalist brochure and one-page marketing sites
    

**Keywords**

fullscreen overlay navbar, framer navbar component, overlay menu framer, mobile menu overlay, sticky header framer, glassmorphism navbar

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

-   All · #4443

## Details

- **Author**: Ahmet Loca
- **Price**: $4.00
- **Published**: 2026-08-26
- **Updated**: 2026-09-30
- **Added**: 2026-08-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