JavaScript & CSS Liquid Glass

Discover JavaScript and CSS libraries to create Liquid Glass effects inspired by Apple’s new design language.

iOS 26 Liquid Glass Effects for Vanilla/React/Vue – Liquid-Web

Category: Javascript | June 24, 2025

Add interactive liquid glass effects to HTML elements using Liquid Web. Cross-framework JavaScript library with WebGL rendering and touch support.

Category: Javascript , Recommended | June 20, 2025

A tiny JS library for a draggable liquid glass effect using SVG filters and feDisplacementMap. No dependencies.

Category: Animation , CSS & CSS3 | June 13, 2025

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.

Category: CSS & CSS3 | June 12, 2025

Create a Apple Liquid Glass UI with a liquid distortion effect using CSS/CSS3, SVG filters, and no JavaScript.