Interface kits for the web
Real refraction liquid glass for the web: SDF lens maps + SVG displacement + backdrop-filter. One file, no WebGL.
A liquid glass material you can take apart, tune and copy as CSS: a refracting thick rim, wallpaper-adaptive ink and live wallpapers, in a playground.
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.
Liquid glass for the web: real refraction of the live page with an SVG displacement filter in CSS backdrop-filter. No WebGL.
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.
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.
Real Apple-style "Liquid Glass" edge refraction for React/Next.js using a single SVG feDisplacementMap filter | no WebGL, no canvas rendering, ~5KB
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.
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
iOS 26 interactions for the web: Liquid Glass in plain CSS, morphs, context menus, sheets and layouts that move, on springs that keep their speed. For React, Vue, Svelte or plain TypeScript
Liquid-glass UI components built on the new HTML-in-Canvas (HIC) browser API.
To associate your repository with the backdrop-filter topic, visit your repo's landing page and select "manage topics."