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

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

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

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.

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

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

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.

Refractive chromatic aberration effects in CSS

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.

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.

零依赖的悬浮玻璃胶囊导航栏组件：滚动时横向内缩、纵向变薄，磨砂玻璃淡入，尺寸变化由弹簧积分驱动（DeepSeek 官网顶栏同款效果的原创实现）