前几天，苹果在 WWDC 2025 上发布了全新的设计语言："液态玻璃"
是自 iOS 7 以来最大规模的 UI 升级。
液态玻璃这种视觉效果，通过模拟真实玻璃的光学特性，例如光线的折射和反射，以及半透明材质的特点，来呈现更通透、更具层次感的视觉体验。
想必已经有读者更新到最新的 UI 了。
怎么说呢，这种调调怎么让我想起了当前非主流时期，从网上下载的手机系统皮肤和QQ 窗口皮肤？
看来我们国人的审美还是很超前的，10 几年钱就探索过玻璃质感的设计了
。
01
液态玻璃接入你的网站
刚刚，GitHub 上开源了一个项目：Liquid Glass React ，开源 3 天就获得了 1.5K 的 Star。
Liquid Glass React 由 Vercel 前工程师 Max Rovensky 开发，是全球首个基于 React 框架的"液态玻璃"效果开源实现。
它完美复刻了苹果"液态玻璃"的精髓，开发者只需几行代码，就能为网页按钮、弹窗、卡片等元素添加 动态光影折射 和 流动边缘弯曲 效果，让界面瞬间拥有"液态玻璃"的质感。
02
介入效果演示
下面是接入 Liquid Glass React 能力的效果。
可以看到边缘弯曲和光线折射效果基于真实玻璃的物理特性设计，拖动或点击元素时，光影会像现实中的玻璃一样动态变化，甚至支持调节"冰霜级别"实现磨砂玻璃效果
开发者可以自由调整参数，比如色差、弹性系数、填充边距等，轻松适配不同场景。例如，通过调整弹性参数，能模仿苹果设备上"液体按压"的触感。
03
如何使用
项目代码简洁，依赖少，且通过优化渲染逻辑确保流畅的动画效果，即使是低配设备也能稳定运行。
下面是开源项目地址和接入方法。
开源地址：https://github.com/rdev/liquid-glass-react04
都看到这了，关注下吧。
这个公众号历史发布过很多有趣的开源项目，如果你懒得翻文章一个个找，你直接关注微信公众号：逛逛 GitHub ，后台对话聊天就行了。
没有评论:
发表评论