黏土拟态 UI 套件

黏土拟态让表面看起来像捏出来又充了气:大圆角,一层外阴影表现重量,两层内阴影做出柔软的边缘。颜色保持饱和而亲切,适合消费类应用、教育产品,以及任何想让人觉得像能拿在手里的玩具的东西。

真实套件的图片和录屏。付费代码不在本站运行。

组件

  • Claymorphism

    一张带灯、厚度旋钮和一块可按压样品的工作台:它会变矮、占地变大,并打印出体积始终保持在 100.0%。

仪表盘套件

  • Lumpsum

    一个月的钱是桌上的一团黏土:从一块上捏下来,再压到另一块上,每块都按真实体积定大小,总量永远不会变。

  • Coil

    一个由 26 个搓出来的字母组成的学前自然拼读托盘,厚度代表这个字母掌握得有多牢:选一个孩子,重新搓一遍托盘和标题。

移动端套件

  • Greenware

    一只杯子在五个工作室阶段中失去它真实的收缩量,同时它的黏土、页面和一部能用的手机都随之变化。

  • Greenware: Pottery studio app in modelled clayGreenware

    Pottery studio app in modelled clay

落地页

  • Slipjoin

    重复的客服工单是一块块黏土,在 WebGL 高度场里真的会融合,标题则数着还剩多少。

  • On Twos

    一个黏土头像以每秒 12 帧更换替换口型,口型表由页面根据你的一句话写出,脚本化并如实标注。

如何购买

所有套件都包含在 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