SVG Liquid Glass Refraction for HTML Elements – Hyalite.js
Create real Liquid Glass refraction on HTML elements with JavaScript, no WebGL, Chromium rendering, and CSS fallbacks for Safari and Firefox.
JavaScript & CSS Liquid Glass
liquid-glass.js: iOS Liquid Glass Web Component with SVG & WebGL
Create draggable Liquid Glass UI with SVG displacement, WebGL rendering, auto sizing, tint controls, and custom surface profiles.
Create Modern Glassmorphism Interfaces with Liquid Glass CSS Framework
A lightweight CSS/JS library that adds Apple-inspired Liquid Glass effects to any element. Zero dependencies. Full customization via utility classes.
Liquid Glass: iOS-Style Refraction for Any Element
Add a translucent panel that refracts real DOM content behind cards, modals, and navs with one dependency-free script.
WebGL Liquid Glass Effect for HTML Elements – LiquidGlass.js
A WebGL library that applies liquid glass refraction, blur, chromatic aberration, and Fresnel lighting to any HTML element via fragment shaders.
Create Liquid Glass Effects with Dynamic Displacement – GlassiFy
Create liquid glass effects using SVG displacement and turbulence. Zero dependencies, framework-agnostic Web Component.
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.