Create Liquid Glass Effects with Dynamic Displacement – GlassiFy
Create liquid glass effects using SVG displacement and turbulence. Zero dependencies, framework-agnostic Web Component.
JavaScript & CSS Liquid Glass
Create Realistic iOS Liquid Glass Effects with SVG Filters and JS (Web Component)
A lightweight Web Component that creates realistic, iOS-style liquid glass distortion effects using SVG displacement filters. Works in any framework.
WebGL-Powered iOS-Style Liquid Glass Effects for JavaScript
Build cursor-reactive liquid glass effects with JavaScript & WebGL. Implements cursor-tracking, light refraction, and realistic edge distortion with fragment shaders.
Create Realistic Liquid Glass UI with RealGlass Library
A JavaScript library that creates realistic liquid glass effects using p5.js and html2canvas with customizable opacity and lighting options.
Create Advanced Liquid Glass & Noise Effects with FxFilterJS
Use FxFilterJS to apply advanced visual effects like liquid glass and noise with simple CSS custom properties.
iOS 26 Liquid Glass Effects for Vanilla/React/Vue – Liquid-Web
Add interactive liquid glass effects to HTML elements using Liquid Web. Cross-framework JavaScript library with WebGL rendering and touch support.
Draggable Liquid Glass Effect with JavaScript and SVG Filters
A tiny JS library for a draggable liquid glass effect using SVG filters and feDisplacementMap. No dependencies.
Realistic Liquid Glass Distortion Effects with CSS and SVG
Create a realistic liquid glass effect with CSS and SVG filters. A plain HTML/CSS solution for UI inspired by Apple’s latest design concepts.
Create Apple Liquid Glass UI with Pure CSS & SVG Filter
Create a Apple Liquid Glass UI with a liquid distortion effect using CSS/CSS3, SVG filters, and no JavaScript.