Glossy Buttons
Forms
输入框
文本、邮箱与多行文本，含校验反馈
2–16 个字符
✔ 格式正确
⚠ 内容不能为空
选择控件
下拉选择与单选组
开关与滑块
布尔开关 + 实时数值滑块
启用气泡效果
启用极光光晕
62
Progress & Loading
进度条
光泽填充进度，支持条纹动画
构建进度
纹理加载
素材同步
加载指示
气泡旋转加载器
正在加载…
状态指示
运行中 / 警告 / 停止
服务运行中 负载偏高 已停止
Alerts & Feedback
Alert 提示
四种语义提示条
提示 这是一条信息提示。
保存成功 数据已同步到云端。
注意 该功能即将下线。
错误 连接超时，请重试。
Tabs 页签
组内页签切换
这是页签 A 的面板内容 —— 点击「页签 B」试试切换效果。
- 气 气泡上升动画
- 极 极光缓慢漂移
- 阴 阴影层次分明
这是页签 B 的面板内容。页签切换由运行时事件委托驱动。
Tooltip 提示
纯 CSS 气泡提示
悬停查看提示
Media Player
播放器
Y2K 玻璃媒体播放器
▶ Frutiger Aero 电台 0:42 / 3:15
Frutiger Aero 电台 正在播放 · 氛围电子混音
播放列表
当前播放曲目列表
▶ Frutiger Aero 电台 · 精选 0:42 / 3:15
Frutiger Aero 电台 · 精选 正在播放 · 氛围电子混音
Bubble Pop Deluxe 3:15
Aqua Dreams 2:48
Glass Horizon 4:02
Sunlit Meadows 3:31
玻璃表格
数据展示
| 组件 | 类型 | 状态 |
|---|---|---|
| GlossButton | 按钮 | ✓ 可用 |
| AeroCard | 容器 | ✓ 可用 |
| Modal | 反馈 | ✓ 可用 |
| GlassTable | 数据 | ✓ 可用 |
Badges & Stats
徽章
状态徽章五种变体
默认 在线 测试版 已下线 幽灵
标签
主题标签
玻璃拟态 光泽渐变 气泡装饰 响应式
统计数字
光泽渐变数字带
26
设计资产
24
组件数量
3
演示页面
100%
原创内容
Steps & Ratings
步骤条
安装流程示例
✓ 下载
✓ 安装
3 配置
4 完成
评分
只读与交互评分
列表组
带头像的列表
- A Astro 6 + TypeScript
- V Vercel 部署
- C CSS 自定义属性令牌
- 事 事件委托运行时
88×31 Buttons
Y2K 时代经典的小按钮，六种渐变风格，点击可跳转。
快速主题切换
点击圆点立即换肤（背景渐变同步联动，选择自动保存）； 侧边栏 Settings 中还可切换背景（渐变 / 墙纸）与气泡。