LIQUID GLASS / MICRO HUB
26 纯前端工具 · 本地即时计算
Liquid Glass Tools
26 款高精度独立微应用。材质随真实底图折射,数据 100% 本地浏览器运行,零云端延迟。
零隐私泄漏 · 免注册
CAT / 01
社交病毒裂变与趣味摸鱼
打工人反内卷、扎心计时与社交挑战模拟器
CAT / 02
社媒创作者与主页排版
为 TikTok、Lemon8、Instagram 量身打造的高颜值排版
CAT / 03
日常高频换算与生活助手
厨房烘焙、聚餐分账与生活琐事常青小工具
CAT / 04
健康指标与智能财务测算
带来高意向精准流量的房贷省息与身体指数计算
CAT / 05
纯前端开发者与格式处理
100% 浏览器本地运行、不上传任何企业敏感数据的生产力工具
OFFLINE
本地 JSON 校验与美化
纯前端校验、缩进排版与压缩,彻底杜绝公司数据外泄。
立即启动
ENCODE
Base64 文本编解码
支持中文字符的纯前端 UTF-8 文本互转。
立即启动
LOCAL
纯本地 Canvas 图片压缩
利用浏览器底层硬件压缩图片体积,安全处理个人证件。
立即启动
VECTOR
SVG 矢量转背景代码
将 SVG 代码秒转为可直接在 CSS 里使用的 Data-URI。
立即启动
MARKDOWN
Markdown 实时双屏预览
左侧极简编写,右侧实时渲染 HTML 排版效果。
立即启动
CRON
Cron 表达式生成器
可视化选择时间周期,反向生成标准 Cron 定时语法。
立即启动
PIXEL
屏幕 PPI 像素密度计算
勾股定理计算对角线像素,得出设计倍率与硬件 PPI。
立即启动
SPECIFICATION · APPLE DESIGN STANDARDS
Pure Client SideApple 原生液态玻璃材质的 3 项铁律
本站所有工具卡片与交互控件均遵循严苛的微透镜物理折射规范开发:
01
背板光学反差 (Optical Contrast)
液态玻璃的边缘折射依赖背板图样与色差。所有微应用面板必须悬浮于高品质壁纸或色带之上,杜绝纯白死底。
02
文字分层隔离 (Layer Isolation)
所有文字、输入框与交互按钮必须置入独立的 .lg-content 顶层容器,防止字体边缘被底部的位移滤镜扭曲。
03
圆角嵌套定律 (Nested Radii)
内层按键圆角严格满足 内圆角 = 外圆角 - 间距 Padding,彻底规避双圆角视觉干涉与生硬卡塞感。
