开源项目 bloub：用单个 SVG 形状复刻 x.ai 机器人头像动画

iannuttall · x · 2026-08-17

开发者 jeremy-prt 发布开源项目 bloub，复刻 x.ai 的 Grok 机器人头像动画：一个黑色填充形状在 14 个状态间变形，两个白色形状独立变形充当眼睛，纯手写实现、不依赖任何动画库。作者通过逐帧测量参考视频还原了动画细节。

技术栈为 Vue 3 + Vite + TypeScript + Tailwind 4。左侧栏提供三个视图：Customise（8 种身体形状、12 种颜色、16 种静止表情，配置持久化）、Animations（小型时间线编辑器，可排列状态、设置保持时长并保存）、Settings（语言等选项）。支持法语/英语。项目获 132 星。