site profile thumbnail
🚀 Want to recreate Apple’s stunning new liquid glass navbar effect in Webflow? I’ll show you step-by-step how to achieve this beautiful look — using only native Webflow tools, a simple SVG filter, and no extra code. 🔹 What you’ll learn: ✅ How to structure a layered navbar for realistic glass effects ✅ How to apply and tweak SVG filters for smooth liquid distortion ✅ How to fine-tune shadows, tint, and contrast ✅ How to create an elegant, modern UI — no libraries required! ✅ How to understand the basics of displacement maps, Gaussian blur, and turbulence in SVG filters 👉 Perfect for designers who want to push Webflow further and bring a touch of Apple magic to their projects. 👉 Watch on YouTube: https://youtu.be/X0MYB9BHu60 📂 Helpful Resources: - Full Localization Site | Webflow University: https://webflow.com/made-in-webflow/website/astralfundbank