Interactive gallery of Liquid Glass materials for React, the web, and Electron, with Clear and Regular variants you can explore live.
Liquid GlassReactGlassmorphism+2
liquid-glass.glassapp.dev
Visitopens in a new tab
Liquid Glass
glass.samasante.com
A headless React lens that recreates Apple's Liquid Glass on the web — real refraction of the live DOM in Safari, Firefox and Chrome, with zero dependencies.
What is Liquid Glass?
Liquid Glass brings Apple's glassmorphism to the web as a headless React component that refracts the live page rather than faking it with blurs and overlays. The lens works in Safari, Firefox and Chrome and ships with zero dependencies, so it drops into any React app without extra packages. Use it wherever you want a true glass material — navigation bars, controls and overlay surfaces that bend the content behind them.
Best for
- Apple-style glass surfaces in React apps
- Overlay UI that refracts live page content
- Cross-browser liquid glass effects without deps
Key features
- Headless React lens component
- Real refraction of the live DOM
- Works in Safari, Firefox and Chrome
- Zero dependencies
Related resources
MIT-licensed React component rendering Apple-style liquid glass lenses that refract live DOM — cross-browser SVG displacement, ~5 kB, zero dependencies.
ReactSVGGlassmorphism+2
agpallav.com
Visitopens in a new tab
Twenty-four monochrome circular loading animations built from hairlines clipped to a disc — standalone animated SVG spinners in pure CSS and SVG, no dependencies.
LoadersSVGCSS+2
circleloaders.dominikakissi.com