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
Liquefy UI
liquefy-ui.com
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.
What is Liquefy UI?
liquefy-ui provides transparent Liquid Glass React components that render real WebGL edge refraction, with spring physics that read pointer velocity. It ships as a shadcn registry for copy-paste installs and includes an MCP server so coding agents can browse the components. The library is MIT-licensed and emphasizes accessibility alongside the glass optics.
Best for
- Glass-morphism UI in React apps
- Copy-paste installs via shadcn registry
- AI-assisted setup through MCP
Key features
- Real WebGL edge refraction
- Spring physics driven by pointer velocity
- Accessible React primitives
- Distributed as a shadcn registry
- Included MCP server for agents
- MIT license
Related resources
Fast, lightweight JavaScript animation engine with an all-in-one API for timelines, staggering, SVG morphing, scroll sync and draggable physics.
AnimationJavaScriptSVG+2
animejs.com
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