---
title: "Blur Navigation Bar — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Laco Uncovsky · Navigation. Blurs the background when expanded"
canonical: "https://framer.elliotli.dev/component/blurnav"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/Blur Navigation Bar

# Blur Navigation Bar

Blurs the background when expanded

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

![Blur Navigation Bar preview image 1](https://framer.elliotli.dev/og/component/blurnav/80e787ae217328ba/1600x1200.jpg)

## Summary

Blurs the background when expanded

## Description

A modern navigation component that brings depth and elegance to any Framer project. When opened, it softly blurs the background behind it, creating a subtle glass-like effect that keeps attention on your content while adding a premium, modern touch. The motion feels smooth and effortless, blending beautifully into any layout and giving your site that polished, interactive feel.

**What makes it special**

• Beautiful blurred-background effect that adds depth and focus

• Smooth, responsive animation that feels effortless

• Fully customizable and easy to adapt to your own style

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

-   All · #7451

## Details

- **Author**: Laco Uncovsky
- **Price**: $5.00
- **Published**: 2025-11-16
- **Updated**: 2026-05-20
- **Added**: 2025-10-28
- **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