UD5工具箱
Flexbox属性速查 - 可视对照表
可视化Flexbox容器和子项的所有属性及选项，鼠标悬停预览效果。
寻宝清单生成器 - 任意户外/室内目标列表
创建一份让参与者寻找的物品或地标清单，可分享或打印。
随机配色组合 - 点击生成意想不到的搭配
随机生成两到五种颜色的组合，附带预览色块，提供设计意外之喜。
Lottie动画预览器 - 拖放JSON查看动效
加载Lottie动画JSON文件，播放并控制速度、方向，预览动效效果。
正则匹配交互式高亮器 - 实时多颜色分组
编写正则表达式，在文本中用不同颜色高亮整个匹配和每个捕获组。
屏幕方向锁定测试 - Orientation API
显示当前屏幕方向，并尝试锁定为横屏或竖屏模式，仅部分浏览器支持。
无障碍多选下拉框生成器 - 复选框风格
创建带有复选框或标签的多选下拉列表，支持删除已选项，键盘可全控。
漏光效果添加 - 图片角落红黄色调渐变
为图片添加类似胶片漏光的红黄色调渐变或光晕效果，营造怀旧氛围。
BroadcastChannel同步器 - 同源跨标签页通信
打开多个同源页面，通过Broadcast Channel API实时同步消息或状态变化。
图片暗角效果生成器 - 强度/半径/羽化
为图片添加可调节的暗角效果，控制大小、强度和羽化，引导视线至中心。
Tailwind 调色板可视化浏览器 - 所有色阶一览
可视化浏览 Tailwind CSS 所有内置颜色的 50-950 色阶，点击复制类名或色值。
JSON 结构树浏览器 - 交互展开与路径复制
粘贴JSON对象，生成可折叠的树形视图，点击节点复制其键值路径，方便调试。
单词搜索谜题生成器 - 自定义词库与网格
输入一组单词，自动生成网格字母谜题，可调整网格大小和方向，导出打印。
页面标题层级分析器 - h1~h6 结构检查
输入 HTML 或网址，提取所有标题标签，生成文档大纲树，检测跳跃和缺失。
OpenID Connect Discovery 浏览器 - 获取身份配置
输入OpenID Provider域名，自动请求 .well-known/openid-configuration 并格式化显示。
色盲友好调色板 - 定性数据配色推荐
展示几组在各类色盲下仍可区分的定性数据配色方案，含Hex码。
结对编程随机搭档生成 - 排除近期组合
输入开发者名单，依规则随机组成搭档，尽量不重复近期配对。
HTML空格实体可视化 - 查看不可见空白
显示文本中的非换行空格、全角空格等隐藏字符映射。
内容索引 API 查看器 - 管理离线可用内容列表
添加、列出和删除内容索引中的条目，展示离线可用内容。
Proxy 对象拦截测试 - 查看 get/set 钩子触发
创建一个 Proxy，定义各种陷阱函数，操作对象时实时显示被拦截的属性和行为。
文件格式魔数识别器 - 通过头部字节判断类型
上传文件或粘贴十六进制头部，根据魔数识别真实文件格式，无视扩展名伪装。
JSON 差异对比器 - 高亮增删改节点
输入新旧JSON，并排展示增删改的行级差异，辅助接口变动追踪。
PDF元数据查看器 - 读取作者/标题等信息
上传PDF文件，显示其标题、作者、创建软件、页数等隐藏元数据信息。
布局偏移录制器 - 捕捉 CLS 变化并生成动图
监测页面加载过程中的布局偏移，定时截图并合成 GIF，直观展示视觉稳定性问题。
2048自定义版 - 图片或文字替换数字合并
将数字替换为自定义文字或Emoji，照样合并往更高阶进化。
NPM包名可用性查询 - 内置类似名称检查
输入包名，通过NPM Registry API查询是否已被占用，并显示近似的包名建议。
调色板导出为 Tailwind 配置 - 从图片/手动生成色阶
从一个基色或图片提取的颜色，自动生成 50-950 的色阶并导出为 Tailwind CSS 配置。
开源许可证匹配器 - 根据需求找协议
回答关于再发布、开源、专利等要求，工具推荐最合适的开源许可证。
Catmull-Clark 细分曲面演示 - 控制网格迭代
载入简单控制网格，执行 Catmull-Clark 细分一次，观察光滑效果。
CSS Grid 调试覆盖层 - 显示网格线与区域
在页面上叠加可拖拽的半透明网格线，辅助网格布局对齐。