---
title: "Liquid Glass Media — Framer component · Best of Framer"
description: "$8.00 · Framer component · by Saadat Ali · Interactive. Animated fluted glass distortion"
canonical: "https://framer.elliotli.dev/component/liquid-glass-media"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Liquid Glass Media

# Liquid Glass Media

Animated fluted glass distortion

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

![Liquid Glass Media preview image 1](https://framer.elliotli.dev/og/component/liquid-glass-media/53742a23c44f7a5f/1600x1200.jpg)

## Summary

Animated fluted glass distortion

## Description

## Features

-   Realistic fluted glass distortion powered by WebGL shaders
    
-   Supports animated shaders, images, and video backgrounds
    
-   Smooth chromatic aberration and optical refraction effects
    
-   Adjustable flute angle, density, and directional movement
    
-   Procedural animated liquid gradients with cinematic color blending
    
-   Optimized rendering with viewport detection and cleanup handling
    
-   Responsive scaling with accurate aspect-ratio correction
    
-   High-performance Three.js implementation for Framer projects
    

## Customization Options

-   Switch between shader, image, or video media sources
    
-   Customize four ambient shader colors
    
-   Control flute count and flute rotation angle
    
-   Animate flute movement direction and speed
    
-   Adjust refraction intensity and edge distortion
    
-   Fine-tune RGB split chromatic aberration
    
-   Control shader animation speed and ambient scale
    
-   Toggle live editor preview inside Framer canvas
    

## Use Cases

-   Hero sections with premium glassmorphism visuals
    
-   Interactive landing page backgrounds
    
-   Luxury SaaS and AI product websites
    
-   Creative portfolio showcases
    
-   Modern media cards and visual containers
    
-   Futuristic UI overlays and navigation panels
    
-   Experimental immersive web experiences
    

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

-   All · #2342

## Details

- **Author**: Saadat Ali
- **Price**: $8.00
- **Published**: 2026-05-30
- **Updated**: 2026-11-09
- **Added**: 2026-05-23
- **Categories**: Interactive

## More like this

-   [Retro TV Tilt Axis](/component/retro-tv-tilt-axis) — Zac Nielson · $9 — Immersive retro TV section
-   [Arkanoid Secret Game](/component/arkanoid-secret-game) — Dulaj Design · $8 — About Arkanoid Secret Game brings the classic, addictive arcade brick breaker experience directly into your Framer projects.
-   [Forma Object](/component/forma-object) — Reza Pahlevi · $19 — Rotate, compare & explore finishes
-   [Neon Sign Designer](/component/neon-sign-designer) — Luke Sn · $39 — Custom sign previews and estimates