Liquid Glass Design Lab
The optical engine behind every tool on this site — drag the lens, switch backdrops, and tune refraction, bevel, blur and dispersion in real time.
LIQUID / 01 客户端直算
What do you need to get done today?
Search 40 free tools — no signup, no download, nothing leaves your browser.
MATERIAL LAB · LIVE OPTICS
材质实验室
折射强度
曲面边缘
模糊程度
色散
渲染模式
滑块实时驱动页面上每一块液态玻璃 —— 舞台镜片、40 张工具卡与右侧全部控件。引擎基于 Snell 定律近似 + SVG 位移贴图，Chromium 浏览器可见真实背景折射。
01 / 按钮
02 / 开关
接收通知
专注模式
03 / 滑块
04 / 分段
05 / 标签
06 / 工具栏
SPECIFICATION · APPLE DESIGN STANDARDS
Pure Client SideApple 原生液态玻璃材质的 3 项铁律
本站所有工具卡片与交互控件均遵循严苛的微透镜物理折射规范开发：
01
背板光学反差 (Optical Contrast)
液态玻璃的边缘折射依赖背板图样与色差。所有微应用面板必须悬浮于高品质壁纸或色带之上，杜绝纯白死底。
02
文字分层隔离 (Layer Isolation)
所有文字、输入框与交互按钮必须置入独立的 .lg-content 顶层容器，防止字体边缘被底部的位移滤镜扭曲。
03
圆角嵌套定律 (Nested Radii)
内层按键圆角严格满足 内圆角 = 外圆角 - 间距 Padding，彻底规避双圆角视觉干涉与生硬卡塞感。