backdrop-filter

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

Polyfill for CSS backdrop-filter

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

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.

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.

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

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.

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

Apple-style liquid glass for the web, as a React kit. Refracts the real content behind it. Rebuilt from Aave's effect (which was never open-sourced).

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

用于在 React 和 Next.js 中构建无障碍 Apple 风格 Liquid Glass UI 的 Codex Agent Skill，支持折射、色差和浏览器降级。 | A Codex Agent Skill for building accessible Apple-style Liquid Glass UI in React and Next.js, with refraction, chromatic aberration, and browser fallbacks.

Rethink JS utility to apply an attribute-driven liquid glass effect (with SVG displacement + backdrop-filter, and safe fallbacks)