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
Unicorn Studio
unicorn.studio
Browser-based visual design tool for production-ready interactive web graphics — shaders, media, 3D and motion on a spatial canvas, embedded live with no code.
What is Unicorn Studio?
Unicorn Studio lets designers build interactive WebGL graphics on a spatial layer-based canvas with 75+ configurable effects, variables and presets. Finished scenes embed live on any site via a JavaScript SDK, or export as image and video. A free plan is available; the Legend plan ($20/month or $168/year) adds Unicorn AI beta credits and unlimited MCP agent changes.
Best for
- Animated hero backgrounds without code
- Interactive product landing pages
- Designer-built WebGL scenes
Key features
- Spatial layer-based visual canvas
- 75+ configurable effects with variables and presets
- Live embeds via JavaScript SDK
- Image and video export
- AI-assisted creation with MCP agent access
Related resources
liquefy-ui.com
Open-source WebGPU shader components for React, Vue, Svelte, Solid and JS — declarative animated backgrounds, overlays and interactive effects.
WebGPUShadersReact+2
shaders.com
A WebGL playground for voice-assistant orbs — 13 presets from Siri Wave to Neural Plasma, audio-reactive tuning and copy-ready code.
WebGLAnimationAI+1
lersent001.github.io