Neumorphism

通过 WCAG AA 的柔和 UI:一张剧院绿硅胶板,一盏灯,以及一个浮雕引擎,它根据光照角度推算每一处阴影、凹槽和解算出的墨色,所以移动灯就会重新照亮整个 UI

适用于: 健康、家居、硬件,以及所有柔和 UI 没通过无障碍审核的人

Neumorphism 的录屏,16 秒。付费代码不在本站运行。

页面

  1. Neumorphism 组件, Web一张带灯光旋钮和实时 AA 审核的工作台:移动灯,页面上每处阴影都跟着变,更换底板,墨色会重新求解,关掉阴影,每种状态依然清晰可辨
  2. Fourhourly 仪表盘, Web一块病房看板,每个床位的按键离底板有多远,取决于它真实的 NEWS2 等级:输入一组数值,运算会改写 H1,同一个事实同时以数字、文字和形状呈现
  3. Sill 仪表盘, Web一张压印在底板里的户型图,真实的太阳就是 UI 的灯:拖动一天的时间,页面上每处阴影都随之转动,阳光掠过每一层楼,热力折叠写出 H1,日落时主题变暗
  4. Fourfive 落地页, Web一个对比度检查器,它的 H1 就是本页实测的比值:把页面涂成拟物新拟态模板的样子,它真的会以 2.28:1 不及格,再解算墨色,看着检查项变绿
  5. Sixkey 落地页, Web一个六键硅胶遥控器,按键真的会下沉并写出 H1,一个由真实力曲线驱动的按键剖面图,还有一个能让整页重新求解的颜色选择
  6. Wellday 移动应用, 移动端一个七乘四的药盒,里面是一格格可按压的凹槽,手机就放在托盘里:在任何一边服药,另一边都会同步,H1 就是下一次剂量

包含内容

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

如何购买

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