Liquid Gooey — liquid UI for React
Liquid UI effects for React. Morph merges, reshapes and dissolves touching pieces; Move trails a moving element as liquid rubber. Cross-browser, Safari included.
是什么
Liquid Gooey 是 React 组件库，专门做**液态融合 UI 效果**。核心是两种交互：
1. **Morph（形变融合）**：两个元素接触时像融化的果冻一样互相渗透、合并、分离（SVG gooey filter 实现，CSS `filter: blur()` + 饱和度叠加）
2. **Move（移动尾迹）**：元素移动时后面拖着一条"液体橡胶"尾迹
技术上用 SVG goo filter 实现，跨浏览器（含 Safari），专门为 React 优化。视觉上特别像 Apple 的设计语言——动态、丝滑、有机感。
什么时候用得上
什么时候能派上用场：
- 1做创意落地页、官网首页、产品 hero 区，需要"哇塞"的视觉冲击
- 2制作营销活动页/节日限定页（双 11、春节），增加趣味性
- 3互动游戏、儿童教育 App 的引导动画
- 4想要差异化竞争的产品演示（PPT/Keynote 风格的网页）
- 5仪表盘/数据可视化里，元素切换不要硬切，要过渡
对马哥的价值：以后做官网/Landing page 想跟别人不一样时，第一个想到这个。比 CSS 动画更高级，比 Lottie 更轻量。
技术栈
ReactSVG filter（feGaussianBlur + feColorMatrix）CSS backdrop-filterTypeScript跨浏览器兼容