LiquidGlass · Premium Interactions Component
Elevate your Framer sites with the ultimate liquid glass effect. Whether you want a floating magnifying glass that follows the cursor, or you want to turn your existing UI cards into beautiful frosted panes, this component makes it effortless.
Forget complex workarounds or fake static blurs. Just drop the "Glass Beacon" into any stack or frame, and it instantly becomes a realistic glass object. It perfectly inherits your existing layout size and border radius, seamlessly distorting the images and videos behind it for a high-end, tactile feel.
What you can do with it:
Instant Glass: Turn any element into glass with a single drag and drop. It automatically matches your frame's exact shape and rounded corners.
Realistic Optics: Add beautiful edge "pinch" distortion, reflective glossy rims, and dynamic lighting.
True-to-Life Shadows: Your glass elements will cast realistic drop shadows that mimic light passing through them.
Fully Customizable: Tweak the blur amount, glass thickness, tint color, and reflections directly in the Framer properties panel to match your brand.
Interactive Lenses: Create a sleek, floating magnifying glass that smoothly follows the user's mouse as they explore your site.
Perfect for portfolios, premium SaaS landing pages, or anywhere you want to add a magical, interactive layer of polish.
Elevate your Framer sites with the ultimate liquid glass effect. Whether you want a floating magnifying glass that follows the cursor, or you want to turn your existing UI cards into beautiful frosted panes, this component makes it effortless.
Forget complex workarounds or fake static blurs. Just drop the "Glass Beacon" into any stack or frame, and it instantly becomes a realistic glass object. It perfectly inherits your existing layout size and border radius, seamlessly distorting the images and videos behind it for a high-end, tactile feel.
What you can do with it:
Instant Glass: Turn any element into glass with a single drag and drop. It automatically matches your frame's exact shape and rounded corners.
Realistic Optics: Add beautiful edge "pinch" distortion, reflective glossy rims, and dynamic lighting.
True-to-Life Shadows: Your glass elements will cast realistic drop shadows that mimic light passing through them.
Fully Customizable: Tweak the blur amount, glass thickness, tint color, and reflections directly in the Framer properties panel to match your brand.
Interactive Lenses: Create a sleek, floating magnifying glass that smoothly follows the user's mouse as they explore your site.
Perfect for portfolios, premium SaaS landing pages, or anywhere you want to add a magical, interactive layer of polish.
