Skip to content

component

Liquid Glass Shader

By Karim Saif

Details

Summary

Premium procedural WebGL

Description

Liquid Glass is a premium procedural WebGL component for Framer that creates a living, fluid glass surface with dynamic refraction, organic distortion, moving light, ripples, blur, and subtle chromatic aberration. Preview: https://liquidglassshaderbg.framer.website/ Great For Liquid Glass works especially well for: ✦ Hero sections ✦ Landing pages ✦ Portfolio websites ✦ Creative agency websites ✦ Product showcases ✦ SaaS websites ✦ Experimental web experiences ✦ Technology & AI websites ✦ Fashion and luxury websites ✦ Interactive backgrounds ✦ Digital art and creative portfolios ✦ Immersive storytelling ✦ Modern editorial layouts Use it behind headlines, cards, navigation, or full-screen sections to create a premium visual atmosphere. Support Need help using Liquid Glass, have a bug, or want to suggest an improvement? Email: karimsaif010@gmail.com X: @karimsaif0 on X I’m happy to help with setup, customization, and troubleshooting.

Introduction

Premium procedural WebGL

Rank history

Daily rank per list, from the first snapshot — lower is better.

110012001300138018/309/39/79/119/15
  • All · #3801