backdrop-filter
Here are 29 public repositories matching this topic...
A modern React component with liquid frosted glass effect using TailwindCSS. Perfect for creating elegant interfaces with glassmorphism effect.
-
Updated
Aug 1, 2026 - TypeScript
Advanced layered acrylic glass effects for web elements. Create iOS/Windows-style acrylic blur overlays with multiple customizable layers.
-
Updated
Feb 20, 2026 - HTML
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.
-
Updated
Jun 20, 2026 - TypeScript
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.
-
Updated
Jun 8, 2026 - TypeScript
Refractive chromatic aberration effects in CSS
-
Updated
Sep 10, 2025 - CSS
Make your product wavy — liquid glass UI animations for React
-
Updated
Jul 6, 2026 - TypeScript
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.
-
Updated
Mar 23, 2026 - CSS
基于多层叠加算法的 React 渐变模糊组件。Fine progressive blur component with layered Gaussian blur algorithm
-
Updated
Dec 2, 2025 - TypeScript
Liquid-glass UI components built on the new HTML-in-Canvas (HIC) browser API.
-
Updated
May 26, 2026 - TypeScript
A customizable, modern CSS/SCSS library for creating beautiful frosted glass effects with backdrop blur, highlights, and smooth animations
-
Updated
Nov 13, 2025 - SCSS
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.
-
Updated
Apr 23, 2026 - TypeScript
**QUANTUM LUMINEX PRO** is a hyper-modern web application that transforms the simple act of controlling a light into an immersive sensory experience.
-
Updated
Aug 5, 2026 - CSS
The open-source Liquid Glass UI system for React and the web. 40 accessible components, CSS-first glass materials, zero runtime dependencies.
-
Updated
Aug 3, 2026 - TypeScript
Rethink JS utility to apply an attribute-driven liquid glass effect (with SVG displacement + backdrop-filter, and safe fallbacks)
-
Updated
Feb 28, 2026 - JavaScript
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).
-
Updated
Jun 11, 2026 - TypeScript
Angular directive for Apple-inspired liquid glass effects with DOM-backed refraction and configurable edges.
-
Updated
Aug 1, 2026 - TypeScript
Real Apple-style "Liquid Glass" edge refraction for React/Next.js using a single SVG feDisplacementMap filter — no WebGL, no canvas, ~5KB
-
Updated
Jun 11, 2026 - Python
All Advanced HTML-CSS methodologies and concepts.
-
Updated
Jan 18, 2022 - HTML
Improve this page
Add a description, image, and links to the backdrop-filter topic page so that developers can more easily learn about it.
Add this topic to your repo
To associate your repository with the backdrop-filter topic, visit your repo's landing page and select "manage topics."