---
title: "Liquid Gold Navbar — Free Framer component · Best of Framer"
description: "Free Framer component · by Matt · Navigation. About Liquid Gold Navbar is a premium floating navbar defined by an animated gold gradient that continuously flows around its edge…"
canonical: "https://framer.elliotli.dev/component/liquid-gold-navbar"
---

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

# Liquid Gold Navbar

Elegance that never stands still

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

![Liquid Gold Navbar preview image 1](https://framer.elliotli.dev/og/component/liquid-gold-navbar/0e7ecb167b026913/1600x1200.jpg)

## Summary

About Liquid Gold Navbar is a premium floating navbar defined by an animated gold gradient that continuously flows around its edge and reacts to the cursor.

## Description

## About

Liquid Gold Navbar is a premium floating navbar defined by an animated gold gradient that continuously flows around its edge and reacts to the cursor. It combines elegant roll-up link interactions, a polished CTA, and a smoothly expanding mobile drawer.

## What you can customize

Built entirely with native Framer elements and fully editable on the canvas. Customize the wordmark, links, CTA, gradient colors, animation speed, mouse response, glow, spacing, typography, transitions, and responsive layouts without code.

## Great for (examples)

Just a few ideas, use it anywhere you want navigation to feel more luxurious and refined:

-   Luxury fashion brands
    
-   Jewelry websites
    
-   Watch brands
    
-   Beauty and fragrance brands
    
-   Premium hospitality
    
-   Hotels and resorts
    
-   Spirits and wine brands
    
-   Luxury real estate
    
-   Private clubs
    
-   Design studios
    
-   Creative agencies
    
-   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)

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

-   All · #1641

## Details

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