玻璃拟态 UI 套件

玻璃拟态把半透明面板叠在内容丰富的背景上。背景模糊让每块面板后面的内容变得朦胧，一道细亮的边缘标出玻璃的尽头。这种风格只有在文字清晰可读时才成立，所以这里的每个表面都保留了足够深的色调，能维持 4.5:1。

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

组件

Glass
一张实时工作台，改变房间、太阳或磨砂程度，每块玻璃都会重新求解，H1 会报告求解器刚刚测得的结果

仪表盘套件

Tidewater
一扇港口塔台的窗：玻璃框住景色的边缘，黄昏随滑块落下，每块玻璃的墨色都随天空变化，泊位计划重新计算并写出 H1
Sidecut
一张在雨窗后的唱片公司办公桌：每次发行都会重新照亮窗外的街道，拖动分成比例，每个人的收入就重新计算

移动端套件

Slackwater
一款漂在开阔水面上的野泳应用：手机是与页面同一片海之上的玻璃，你拖动的潮汐曲线决定太阳、水面和 H1
Slackwater
Wild-swimming tide app in real glass

落地页

Tintline
阳光下墙面上的一块真实玻璃：滚动就是一天的流转，太阳决定阴影、边缘和色调，H1 就是这栋楼的决定
Verso
一枚玻璃放大镜悬在一封真实的德语信上：边缘会弯折实时文字，镜片下的句子是你的语言，H1 就是你放大镜下正对着的内容

如何购买

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

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

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

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