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.com
Shaders
shaders.com
Open-source WebGPU shader components for React, Vue, Svelte, Solid and JS — declarative animated backgrounds, overlays and interactive effects.
What is Shaders?
The free `shaders` npm package ships hundreds of composable WebGPU components — generative visuals like Aurora and Plasma plus filters like Blur, Glass and Glow — installed per framework and wired to reactive props. Shaders Pro adds professionally designed preset collections, a drag-and-drop visual editor, and an MCP server so AI coding agents can browse and install presets directly.
Best for
- Animated gradient backgrounds
- GPU-powered hover and scroll effects
- AI-agent-installed visual effects
Key features
- Composable WebGPU shader components
- Adapters for React, Vue, Svelte and Solid
- Props wired to framework reactive state
- Pro preset library and visual editor
- MCP server for AI coding agents
Related resources
liquefy-ui.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
160+ copy-paste React components for motion, transitions and UI effects — morphing buttons, 3D carousels, loaders and chart animations.
ReactAnimationComponents+1
amicro.vercel.app
Visitopens in a new tab