Liquid Glass Surface
Create beautiful glass buttons, cards, and UI surfaces with realistic liquid refraction and chromatic edges.
About this Component
Liquid Glass Surface is a premium Framer component that creates a beautiful liquid glass effect with realistic refraction and subtle chromatic edge separation. ✨
Unlike basic glassmorphism layers that rely only on blur, this component uses SVG-powered displacement and color separation to simulate the look of fluid glass. The background gently bends through the surface, producing a soft liquid distortion that feels modern and high-end.
With simple controls, you can easily customize the strength and appearance of the effect — from subtle frosted glass to bold liquid refraction.
Perfect for building modern interfaces such as:
• Glass buttons• Floating cards• Navigation bars• Hero sections• Modern dashboards
Add depth, fluidity, and a premium glass aesthetic to your Framer layouts in seconds. 💎
