---
title: "Liquid Glass Navbar — Free Framer component · Best of Framer"
description: "Free Framer component · by Matt · Navigation. About Liquid Glass Navbar is a premium liquid glass navigation with refined hover interactions, a shimmering CTA, and a responsive mobile drawer."
canonical: "https://framer.elliotli.dev/component/liquid-glass-navbar"
---

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

# Liquid Glass Navbar

Premium by every detail

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

![Liquid Glass Navbar preview image 1](https://framer.elliotli.dev/og/component/liquid-glass-navbar/e83b4860abb8f06f/1600x1200.jpg)

## Summary

About Liquid Glass Navbar is a premium liquid glass navigation with refined hover interactions, a shimmering CTA, and a responsive mobile drawer.

## Description

## About

Liquid Glass Navbar is a premium liquid glass navigation with refined hover interactions, a shimmering CTA, and a responsive mobile drawer. Built entirely with native Framer elements, it delivers a polished glass experience across every screen.

## What you can customize

Built entirely with native Framer elements and fully editable on the canvas. Customize the logo, links, CTA, colors, shadows, spacing, typography, animations, and responsive behavior without code.

## Great for (examples)

Just a few ideas, use it anywhere you want navigation to feel more premium:

-   Portfolio websites
    
-   SaaS landing pages
    
-   Startup websites
    
-   Creative agencies
    
-   Design studios
    
-   Personal brands
    
-   Product websites
    
-   Luxury brands
    
-   Premium Framer templates
    
-   Modern one-page websites
    
-   Interactive websites
    
-   Marketing websites
    

## 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)

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

-   All · #201

## Details

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