backdrop-filter

Real refraction liquid glass for the web: SDF lens maps + SVG displacement + backdrop-filter. One file, no WebGL.

The only zero-dependency liquid glass component with real refraction on iPhone & Safari — not a blur fallback. React 16.8–19 + web-component. ~6.5KB.

Polyfill for CSS backdrop-filter

The open-source Liquid Glass UI system for React and the web. 40 accessible components, CSS-first glass materials, zero runtime dependencies.

A modern React component with liquid frosted glass effect using TailwindCSS. Perfect for creating elegant interfaces with glassmorphism effect.

Backdrop blur and frosted glass for React Native and Expo on iOS and Android. Blurs headers, tab bars, cards and popups, and works over expo-video and react-native-video.

Real Apple-style "Liquid Glass" edge refraction for React/Next.js using a single SVG feDisplacementMap filter | no WebGL, no canvas rendering, ~5KB

Advanced layered acrylic glass effects for web elements. Create iOS/Windows-style acrylic blur overlays with multiple customizable layers.

Liquid-glass UI for React — a refracting glass surface for any control, with automatic per-platform render paths (backdrop-filter+SVG, captured-canvas, or a WebGL video lens). Zero styling deps.

Real liquid glass and game blur for FiveM NUI: blurs and refracts the live GTA V frame behind your HTML, where CSS backdrop-filter cannot see the game.

Refractive chromatic aberration effects in CSS

Make your product wavy — liquid glass UI animations for React

A responsive digital clock with live time, AM/PM indicator, and date — built with HTML, CSS & Vanilla JS, featuring a frosted glass UI over a full-screen background image.

A customizable, modern CSS/SCSS library for creating beautiful frosted glass effects with backdrop blur, highlights, and smooth animations

Liquid-glass UI components built on the new HTML-in-Canvas (HIC) browser API.

基于多层叠加算法的 React 渐变模糊组件。Fine progressive blur component with layered Gaussian blur algorithm

Physically-accurate refractive glass as a React component. Curved-bevel light refraction via Snell's law and SVG displacement maps — the real optics, not just blur.

Liquid Glass for the web, calibrated against macOS 26 Control Center rather than eyeballed — measured transfer curve, ray-traced SVG refraction, measured specular rim. React + CSS.

Liquid Glass for every stack: the iOS 26/27 glass for Android, desktop, web, React Native, Flutter and .NET. Refraction, dispersion and touch response measured against iOS recordings.

Angular directive for Apple-inspired liquid glass effects with DOM-backed refraction and configurable edges.