About Liquid Glass Nav Pro
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, or send it over. I’d love to see what you create.
Need help?
Questions or feedback? Reach me anytime: matthias@lmvision.de or on X @Matthias_Oel.
Need a matching component?
Complete the experience with these related Framer components:
