---
title: "Liquid Glass Nav Pro — Free Framer component · Best of Framer"
description: "Free Framer component · by Matt · Navigation. About Liquid Glass Nav Pro is a compact floating navigation with real background refraction instead of a simple blur."
canonical: "https://framer.elliotli.dev/component/liquid-glass-nav-pro"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/Liquid Glass Nav Pro

# Liquid Glass Nav Pro

Premium clarity over every surface

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

![Liquid Glass Nav Pro preview image 1](https://framer.elliotli.dev/og/component/liquid-glass-nav-pro/4f3a9e01d11c4025/1600x1200.jpg)

## Summary

About Liquid Glass Nav Pro is a compact floating navigation with real background refraction instead of a simple blur.

## Description

## About

Liquid Glass Nav Pro is a compact floating navigation with real background refraction instead of a simple blur. Its glass core bends photos, videos, gradients, and light or dark sections behind it, while a fluid highlight glides between links through a smooth spring interaction.

## What you can customize

Customize all four links, icons, labels, new-tab behavior, highlight mode, blur intensity, glass radius, refraction strength, bezel width, saturation, brightness, and tint directly in Framer. The navigation uses a small included code component for true refraction, with a native blur fallback for unsupported browsers.

## Great for (examples)

Just a few ideas, use it for liquid glass navigation, floating glass menus, image-heavy layouts, or any Framer website where the navbar should adapt naturally to the background:

-   Liquid glass navigation, floating navbars, and glassmorphism interfaces
    
-   iOS and visionOS-inspired websites and app experiences
    
-   Photography portfolios, photo studios, and travel websites
    
-   Creative agencies, design studios, and personal portfolios
    
-   Product launches, app landing pages, and SaaS websites
    
-   Image, video, and gradient hero sections
    
-   Editorial, fashion, lifestyle, and luxury brands
    
-   Architecture, interior design, hospitality, and hotel websites
    
-   Light, dark, gradient, and changing page sections
    
-   Responsive desktop, tablet, and mobile navigation
    
-   One-page, portfolio, and immersive websites
    
-   Premium Framer templates
    

## Share your build

If you ship something cool with it, post it on X and tag me [@Matthias\_Oel](https://x.com/Matthias_Oel), or send it over. I’d love to see what you create.

## Need help?

Questions or feedback? Reach me anytime: [matthias@lmvision.de](mailto:matthias@lmvision.de) or on X [@Matthias\_Oel.](https://x.com/Matthias_Oel)

## Need a matching component?

Complete the experience with these related Framer components:

-   [Liquid Glass Footer](https://framer.link/P9PvqbY) → [https://framer.link/P9PvqbY](https://framer.link/P9PvqbY)
    
-   [Liquid Glass Navbar](https://framer.link/QXgSqA6) → [https://framer.link/QXgSqA6](https://framer.link/QXgSqA6)
    
-   [Explore all components](https://framer.link/fsd2pgh) → [https://framer.link/fsd2pgh](https://framer.link/fsd2pgh)
    

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

-   All · #1241

## Details

- **Author**: Matt
- **Published**: 2026-08-27
- **Updated**: 2026-10-30
- **Added**: 2026-08-27
- **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