---
title: "LiquidGlass — Framer component · Best of Framer"
description: "$8.00 · Framer component · by Inam  · Effects. Turn any framer div to liquidglass"
canonical: "https://framer.elliotli.dev/component/chromaticlenseffect"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/LiquidGlass

# LiquidGlass

Turn any framer div to liquidglass

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

![LiquidGlass preview image 1](https://framer.elliotli.dev/og/component/chromaticlenseffect/a5bd94354c625903/1600x1067.jpg)

## Summary

Turn any framer div to liquidglass

## Description

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.

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

-   All · #3548

## Details

- **Author**: Inam
- **Price**: $8.00
- **Published**: 2025-11-11
- **Updated**: 2026-11-04
- **Added**: 2025-11-01
- **Categories**: Effects

## More like this

-   [Mist](/component/mist) — Atypikal Agency · Free — Drifting mist over any photo
-   [Waypoint Road](/component/waypoint-road) — Litchi Solutions · $10 — A road that draws itself on scroll
-   [Badge Hider](/component/badge-hider) — valorsic studio · Free — Made in Framer Badge Hider
-   [Blob Tracker](/component/blob-tracker) — Shubhang Chouhan · $10 — Motion tracking with lens boxes