goodui
获取 Pro

新拟态 UI 套件

新拟态用单一颜色压出整个界面：控件从底面升起或陷入底面，靠一亮一暗两道阴影画出来。它公认的弱点是对比度，所以这里的状态靠深度和真正的强调色来表达，标签保持在 4.5:1。

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

组件

  • Neumorphism

    一张带灯光旋钮和实时 AA 审核的工作台：移动灯，页面上每处阴影都跟着变，更换底板，墨色会重新求解，关掉阴影，每种状态依然清晰可辨

仪表盘套件

  • Fourhourly

    一块病房看板，每个床位的按键离底板有多远，取决于它真实的 NEWS2 等级：输入一组数值，运算会改写 H1，同一个事实同时以数字、文字和形状呈现

  • Sill

    一张压印在底板里的户型图，真实的太阳就是 UI 的灯：拖动一天的时间，页面上每处阴影都随之转动，阳光掠过每一层楼，热力折叠写出 H1，日落时主题变暗

移动端套件

  • Wellday

    一个七乘四的药盒，里面是一格格可按压的凹槽，手机就放在托盘里：在任何一边服药，另一边都会同步，H1 就是下一次剂量

  • Wellday: Medication tracker in soft UI that passes WCAG AAWellday

    Medication tracker in soft UI that passes WCAG AA

落地页

  • Fourfive

    一个对比度检查器，它的 H1 就是本页实测的比值：把页面涂成拟物新拟态模板的样子，它真的会以 2.28:1 不及格，再解算墨色，看着检查项变绿

  • Sixkey

    一个六键硅胶遥控器，按键真的会下沉并写出 H1，一个由真实力曲线驱动的按键剖面图，还有一个能让整页重新求解的颜色选择

如何购买

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

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

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

比较方案

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

还没有许可证？查看定价

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

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