Open-source Liquid Glass components for React with real WebGL edge refraction, spring physics, and accessible primitives — shipped as a shadcn registry plus an MCP server.
ReactLiquid GlassWebGL+3
liquefy-ui.comLoading resources…
Liquid Glass Glassapp
liquid-glass.glassapp.dev
Interactive gallery of Liquid Glass materials for React, the web, and Electron, with Clear and Regular variants you can explore live.
What is Liquid Glass Glassapp?
Liquid Glass showcases glass materials for the web through interactive examples of both Clear and Regular styles. Built for React and Electron apps, it demonstrates how the material refracts and adapts to content underneath. The examples are free to explore in the browser.
Best for
- Prototyping glass UI effects on the web
- Comparing Clear vs Regular glass materials
- Adding depth effects to React or Electron apps
Key features
- Clear and Regular liquid glass variants
- Interactive live examples
- Works with React and Electron
- Web-ready glass material implementation
Related resources
liquefy-ui.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.
ReactGlassmorphismAnimations+1
glass.samasante.com
Visitopens in a new tab
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