GlassiFy: Liquid Glass JavaScript Library with Dynamic Displacement

GlassiFy: a JavaScript library that creates liquid glass effects using dynamic SVG displacement.

Key features:

• Dual rendering modes – static frosted glass or animated turbulent surfaces
• Zero dependencies and framework-agnostic Web Component architecture
• Hardware-accelerated through CSS backdrop-filter compositing
• Complete attribute control for blur, displacement, turbulence, and brightness

Works natively with React, Vue, Angular, or vanilla JavaScript.

The library applies sophisticated glass morphism without WebGL or heavy animation frameworks.

👉 Blog Post

👉 GitHub Repo

👉 Live Demo