---
title: "Liquid Glass Surface — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Erfan K. · Effects. Liquid Glass Surface is a premium Framer component that creates a beautiful liquid glass effect with realistic refraction and subtle chromatic…"
canonical: "https://framer.elliotli.dev/component/liquid-glass-surface"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Liquid Glass Surface

# Liquid Glass Surface

Premium Liquid Glass UI

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

![Liquid Glass Surface preview image 1](https://framer.elliotli.dev/og/component/liquid-glass-surface/880f08dd2c1b6912/1600x1200.jpg)

## Summary

Liquid Glass Surface is a premium Framer component that creates a beautiful liquid glass effect with realistic refraction and subtle chromatic edge separation.

## Description

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.

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-u5oo1rpf-rA0PdwdK3PgyU009CNashWdmvcETY6)

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. 💎

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

-   All · #2371

## Details

- **Author**: Erfan K.
- **Price**: $4.00
- **Published**: 2026-04-01
- **Updated**: 2026-04-07
- **Added**: 2026-03-15
- **Categories**: Effects

## More like this

-   [Liquid Glass Loupe](/component/liquid-glass-loupe) — Aisol Studio · $12 — Liquid glass lens over content
-   [Sticky Scenes](/component/sticky-scenes) — Sofía Martín · $5 — Scroll-driven stories with sticky
-   [Studio ASCII Reveal](/component/studio-ascii-reveal) — Tanmay Kaper · $12 — Your portrait, redrawn in ASCII
-   [Kinetic Sprout](/component/kinetic-sprout) — Buster Studios · $19 — A headline that grows