goodui
获取 Pro

Claymorphism

把黏土当作材质来建模：一块厚板上的哑光颜料，一盏灯，每一层都由厚度和颜色算出，按压时体积保持不变，主角物体由超椭圆构成

适用于: 消费、儿童、金融、AI 工具，以及所有厌倦了粉彩气球的人

Claymorphism 的录屏，15 秒。付费代码不在本站运行。

页面

  1. Claymorphism 组件, Web一张带灯、厚度旋钮和一块可按压样品的工作台：它会变矮、占地变大，并打印出体积始终保持在 100.0%。
  2. Lumpsum 仪表盘, Web一个月的钱是桌上的一团黏土：从一块上捏下来，再压到另一块上，每块都按真实体积定大小，总量永远不会变。
  3. Coil 仪表盘, Web一个由 26 个搓出来的字母组成的学前自然拼读托盘，厚度代表这个字母掌握得有多牢：选一个孩子，重新搓一遍托盘和标题。
  4. Slipjoin 落地页, Web重复的客服工单是一块块黏土，在 WebGL 高度场里真的会融合，标题则数着还剩多少。
  5. On Twos 落地页, AI一个黏土头像以每秒 12 帧更换替换口型，口型表由页面根据你的一句话写出，脚本化并如实标注。
  6. Greenware 移动应用, 移动端一只杯子在五个工作室阶段中失去它真实的收缩量，同时它的黏土、页面和一部能用的手机都随之变化。

包含内容

  • 6 个页面，每个一个文件，没有 props
  • 9 个专为此套件编写的组件
  • 2 个引擎，支撑标志性的交互行为
  • 字体及其 OFL 许可证：Cl Display, Cl Text
  • README，含 Next.js 和 Tailwind v4 的安装步骤及许可条款

如何购买

所有套件都包含在 goodui Pro 中：$99 一次付清，终身更新。Team 版 $249，最多 10 位开发者。

结账尚未开放。加入名单，我们会发一次早鸟链接给你。

结账即将开放。我们只发一封邮件，附上你的早鸟链接。

比较方案

包含在 goodui Pro 中。粘贴你的许可证密钥；它只保存在这个浏览器里。

还没有许可证？查看定价

有许可证密钥的话，在终端里运行：

curl -H "Authorization: Bearer $GOODUI_LICENSE_KEY" -o goodui-clay.zip https://goodui.dev/kits/clay.zip