GlassiFy: Liquid Glass JavaScript Library with Dynamic Displacement

Source: Dev.to

Overview

GlassiFy is 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.

Resources

• Blog Post
• GitHub Repo
• Live Demo