如果你的网站或者APP接入的有AI功能，需要显示AI思考动画组件，给兄弟们 推荐一个拿来即用的开源仓库 一个基于 WebGPU 的实时液态玻璃球编辑器（Liquid Orb Editor），可自由定义 在线直接调颜色、流动速度、折射率和外发光，内置 11 种预设，那个液态金属和色散玻璃质感拉满了，建议收藏以防用的时候找不到 链接我放评论区了👇

事件核心：发生了什么

8 月 23 日，开发者“码农暖爸”（@Delroy715）在 X 平台发布了一条推文，推荐了一个名为 Liquid Orb Editor 的开源 Web 工具。该工具基于 WebGPU 渲染，能够生成实时液态玻璃球动画，用户可以在线调节颜色、流动速度、折射率以及外发光效果，并内置了液态金属、色散玻璃等 11 种视觉预设。推文同时附上了在线体验链接（lersent001.github.io/orb/）和 GitHub 仓库地址（github.com/LerSent001/orb），并表示这类组件很适合接入到带有 AI 功能的网站或 App 中，作为 AI 思考状态的加载动画。截至目前，该推文浏览量已超过 10.4 万次，获得 2500+ 点赞和 4300+ 收藏，评论区也有开发者表示视觉质量令人印象深刻。

为什么重要

随着大模型应用从对话界面走向各类产品功能，AI 的“思考过程”往往需要等待数秒甚至更久。传统的转圈加载动画已难以匹配当前 AI 产品的视觉调性，越来越多的团队开始追求更具质感的过渡反馈。Liquid Orb Editor 的价值在于它把原本需要资深图形学工程师才能实现的 WebGPU 液体模拟效果，封装成了一个可在线配置、开箱即用的开源仓库，降低了 AI 交互界面的视觉门槛。这对于 AI 应用的设计规范演进有一定参考意义，说明在工具类生态里，前端视觉表现正成为 AI 产品体验竞争的一个细分维度。

对用户/开发者/创作者的影响

对前端开发者和 AI 应用设计师而言，这个项目提供了一个直接的解决方案：无需从零编写着色器代码，只需调整参数就能生成可用的 AI 思考动画组件，并且开源协议允许按需修改集成。对普通用户来说，这类动画能改善 AI 产品等待时的观感，让“等待”变得更具沉浸感。不过也需要留意兼容性问题——WebGPU 在现代浏览器中已逐步普及，但并非所有设备都支持。正如评论区开发者 Kamran Wajdani 所指出的，WebGPU 的回退方案（fallback）和减少动态效果（reduced-motion）支持在生产环境同样重要，否则在不支持的设备上，思考状态可能直接白屏，反而影响可用性。

AI 工具推荐

想把多个 AI 模型放在一个入口？

GamsGo AI 集成 ChatGPT、DeepSeek、Gemini、Claude、Midjourney、Veo 等常用模型，适合写作、绘图、视频和日常 AI 工作流。

了解 GamsGo AI

推广链接：通过此链接购买，我可能获得佣金，不影响你的价格。

值得关注的后续

目前公开信息显示，该项目仍处于早期开源阶段，后续值得观察三个点：一是作者是否会补充 WebGPU 不可用时的降级方案（如静态海报帧或 CSS 动画替代），这决定它能否被更广泛的生产环境采纳；二是 GitHub 仓库是否会持续维护，包括响应社区的兼容性反馈、增加更多预设或导出能力；三是这类 WebGPU 粒子特效组件是否会形成一波小趋势，被更多 AI 产品设计团队纳入标准组件库，从而提高开源生态的活跃度。

来源：@Delroy715