UD5工具箱
色盲模拟器(图片版) - 上传照片看各种色觉障碍效果
上传图片，选择不同色觉障碍类型，实时预览在这些色觉下的效果，辅助设计。
标签： 预览工具 - 代码效果即时查看
共 47+ 款工具Terraform 计划预览器 - 资源变更可视化
粘贴terraform plan输出，解析并显示资源的增加、更改与销毁列表，辅助审查。
谷歌搜索结果预览 - 标题/描述/URL展示
输入标题、描述和URL，模拟在Google搜索结果中的展示效果，并检测长度。
可变字体实验场 - 调节字重/宽度/倾斜轴
加载一个可变字体文件，通过滑块动态调整注册轴（wght, wdth, slnt 等），实时预览。
Web App Manifest 图标预览 - 模拟主屏图标效果
上传图标文件并设置背景色，模拟在 Android/iOS 主屏幕上的添加效果，检查视觉适配。
虚拟发色试戴 - 上传正脸调色
上传正面照，粗略选取头发区域，滑动改变发色，预览染发效果。
屏幕共享模拟器 - 移动端预览当前页面
以手机框架包裹当前网页视图，可调宽高，模拟实际移动端显示效果。
Mermaid 图表快速构建助手 - 交互式语法生成
通过表单或拖拽节点生成流程图、时序图等Mermaid代码，实时预览，适合文档编写。
Data URL解析查看器 - 预览/下载/解构
粘贴以data:开头的链接，自动判断MIME类型并预览内容，或提供下载按钮。
像素字体样本查看器 - 预览并复制CSS
浏览专用于像素风游戏的免费字体，输入文字实时预览并获取引入代码。
组件预览沙盒 - 隔离测试 React/Vue 组件
在一个隔离环境中渲染单个组件，调整 props 查看变化，类似于 Storybook 的轻量替代。
CSS 计数器样式在线预览 - 自定义有序列表标记
选择不同的 list-style-type（disc, decimal, lower-roman 等）并实时查看列表样式渲染效果。
CSS 光标样式预览工具 - 所有内置光标效果展示
列出所有标准 CSS 光标值（pointer, grab, zoom-in 等），鼠标悬停实时查看对应光标样式并复制代码。
美甲款式预览器 - 虚拟试戴图案
上传手部照片，摆放不同的美甲贴纸图案，提前看效果。
RAML 在线预览器 - API设计文件可视化
编辑RAML定义，实时渲染资源结构、方法及响应示例，适合REST API设计初期。
Thrift IDL 预览转换器 - 在线生成各语言结构
编写Thrift接口定义，一键预览生成Java/Python/Go等语言的客户端桩代码，加速跨语言开发。
网页元数据查看器 - Open Graph/Twitter Card
输入网址，抓取并展示该页面的标题、描述、OG标签和Twitter Card信息。
可变字体调节器 - 拖拽轴权预览
加载可变字体，通过滑块调整字重、字宽、倾斜等注册轴，并导出设置代码。
多设备同步预览框架 - iframe并排
输入URL，在同一个页面上并排显示手机/平板/桌面三种尺寸的实时预览。
图标字体实时预览 - 输入码点测试大小
粘贴自定义图标字体的Unicode，调节尺寸颜色立即查看效果。
响应式测试互动盒 - 输入代码观看不同尺寸
粘贴HTML/CSS片段，拖动视口调整宽度，实时观察布局变化。
DOM样式实时编辑 - 仅预览不修改
输入CSS选择器和属性值，瞬间预览在当前页面元素上的效果（不改变实际样式）。
邮件通讯预览 - 不同邮箱客户端模拟
粘贴邮件HTML代码，在类似Gmail、Outlook的模拟框中预览效果。
PlantUML轻量呈现 - UML图文本预览
输入PlantUML描述，转换为简单的UML图像预览（基于内置编码器）。
网页字体实时预览 - 输入Google Font名即时应用
输入字体名或从列表选择，在示例文本上立刻看效果，获得@import代码。
Open Graph 标签在线调试器 - 富媒体预览模拟
输入URL提取OG标签，模拟Facebook/Twitter/LinkedIn卡片显示效果，优化链接分享。
Meta描述预览器 - Google搜索结果模拟
输入描述文本，在模拟的Google搜索结果条目中预览效果，并提示字符数。
字距与字偶距预览器 - 实时调节CSS letter-spacing
输入文本，滑块调节letter-spacing和word-spacing，实时显示效果并复制CSS。
分屏Markdown编辑器 - 实时预览与导出
左侧输入Markdown，右侧实时渲染，支持导出HTML/PDF。
Shadow DOM样式预览器 - 检查封装组件
粘贴Shadow DOM代码，直观预览封装组件内部的CSS作用域及其对外界的影响。
本地字体预览器 - 加载系统字体列表
通过Local Font Access API读取已安装字体，输入文字实时预览各种字体效果。
渐变文字快速预览 - 点击预览多款文字渐变
预设多种流行文字渐变样式，点击段落预览，一键复制background-clip代码。
Twitter Card预览器 - 推文卡片效果验证
输入meta标签属性，模拟显示Twitter分享卡片的大图或小图样式，检验标记是否正确。
iOS主屏图标预览 - 上传图标看添加效果
上传图标图片，模拟其在iPhone主屏幕上的显示效果与圆角遮罩。
ZIP文件浏览与提取 - 查看内部文件列表
上传ZIP，列出包含的文件名，支持在线预览文本类文件内容。
全色盲模拟预览 - 网页URL转色觉障碍视图
输入网站URL（需可Iframe或截图），套用色盲滤镜预览实际视觉效果。
Lottie动画预览器 - 拖放JSON查看动效
加载Lottie动画JSON文件，播放并控制速度、方向，预览动效效果。
名片设计预览 - 在线排版并导出图片名片
提供名片模板，填写信息并调整样式，实时预览名片效果，可导出为图片下载。
文字编织花样预览器 - 上/下针符号转图案
输入文字描述或符号（如K, P），生成编织花样预览图，方便织女试读图解。
OpenType特性预览器 - 连字/小型大写等
输入文字，切换开启连字(liga)、小型大写(c2sc)等OpenType特性，观察渲染差异。
Web安全字体展示 - 各系统预装字体预览
预览所有主流系统预装的Web安全字体，并显示对应的font-family名称。
实时色盲滤镜预览 - 摄像头/屏幕查看
调用摄像头或截取屏幕区域，叠加色觉障碍模拟滤镜，帮助理解不同色盲视角。
书脊设计预览 - 输入文字看效果
设定书脊宽度，排版书名和出版社文字，模拟书脊在书架上的外观。
字体配对预览 - 标题正文字体组合
选择标题和正文的网络字体或系统字体，即时预览搭配效果。
图片放大镜效果 - 电商产品放大预览CSS/JS
生成图片局部放大镜效果，可调节镜头大小和放大倍率，输出HTML/CSS/JS交互代码。
Markdown在线预览与编辑工具
在线Markdown编辑器，支持实时预览、语法高亮，快速编写和渲染Markdown文档，纯前端解析。
SEO标题/描述预览工具 - 模拟搜索结果卡片
输入标题与描述，模拟Google搜索结果片段，检查截断与关键词效果。