Lumen

One physical light source governs the page: real elements cast one consistent shadow through WebGL2, the light moves and the objects stay still, and colour temperature does the work of an accent.

适用于: Premium AI, privacy, wellness and finance

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

页面

  1. Turndown 落地页, 移动端一个光线步进渲染的床头场景,随着滚动,灯光分七个真实的档位逐步变暗:页面连同文字墨色一起变暗,按住一个键,光会膨胀四秒
  2. Reciprocity 落地页, 移动端一幅 18% 灰底上由着色器绘制的静物:转动真实的光圈、快门、ISO 和对焦环,景深、曝光和 H1 都由光学参数算出
  3. Ampoule 落地页, AI一支密封的玻璃安瓿,页面上唯一的光就在里面:把网络插头拖出来,脚本助手照常运行,页面还会数出自己发出的请求
  4. Noonmark 落地页, Web一个石板日晷,晷针的影子落在你的停止年份上:改变储蓄额,太阳就会移动,或者拖动太阳,它会告诉你该存多少

包含内容

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

如何购买

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

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

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

比较方案

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

还没有许可证?查看定价

有许可证密钥的话,在终端里运行:

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