component
Liquid Glass Shader
By Karim Saif

Details
- Karim SaifAuthor
- componentType
- 2026-08-30Published
- 2026-08-30Updated
- 2026-08-30Added
- EffectsCategories
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.
- All · #3801