Liquid Glass - Heavily Optimised
-
Updated
Sep 13, 2026 - TypeScript
Liquid Glass - Heavily Optimised
A collection of beautiful, ready-made Liquid Glass UI components you can preview, copy, and drop into any web app. It offers a refined frosted-glass aesthetic with accessible, responsive components built on Tailwind, shadcn/ui, and Radix UI primitives.
Apple's iOS 26/27 Liquid Glass for Website (React/Next js)
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 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.
✨ Liquid Glass with WebGL
LiquidLens is a multi-platform implementation of Apple's Liquid Glass (iOS 26) with genuine edge refraction. Web (vanilla), React, React Native (Skia), Flutter (GLSL), SwiftUI (native glassEffect).
Free, open-source Liquid Glass and glassmorphism effects for After Effects, Photoshop and Illustrator: real refraction over your artwork, live and editable. Premiere Pro coming.
Apple Liquid Glass agent skills for web pages: HTML/CSS, SVG displacement, WebGL2 refraction, React, Tailwind v4, Safari/WebKit fallbacks, measurement tools, and a Claude Code plugin.
Beautiful, accessible Liquid Glass components for React with real SVG/CSS refraction and production-ready fallbacks.
Track It - An Android Productivity App - styled based on Apple Liquid Glass
To associate your repository with the apple-liquid-glass topic, visit your repo's landing page and select "manage topics."