UD5工具箱
CSS 动画曲线编辑器 - 贝塞尔可视化重定义
拖动曲线手柄调整动画缓动，实时预览弹跳或淡入效果，生成cubic-bezier值。
LaTeX符号转图片 - 单独渲染为SVG/PNG
输入LaTeX命令如 \alpha 或 \sum，即时渲染为高清可下载的SVG或PNG图片。
SVG 路径优化工具 - 减少小数位数与冗余命令
粘贴 SVG path 数据，自动四舍五入坐标并移除不必要的命令，减小文件体积。
SVG路径转CSS裁剪路径 - 形状转换
将SVG路径数据转换为CSS clip-path: path() 语法，用于裁剪HTML元素。
SVG代码优化器 - 在线精简SVG文件体积
移除SVG中冗余的属性、注释和元数据，降低文件大小，同时保持视觉效果不变。
SVG转Data URI内联 - 优化后可直接用于CSS
粘贴SVG代码，压缩并编码为data URI，用于background-image或img。
镶嵌图案生成器 - 交互式密铺平面设计
基于方形或六边形网格，通过变形滑块创建有趣的密铺镶嵌图案。
Dijkstra最短路径动画 - 图论寻路展示
点击节点添加路径权重，运行Dijkstra算法高亮从起点到所有节点的最短距离和路径。
边缘检测工具 - 图片轮廓提取(索贝尔算子)
应用Sobel或其他卷积核实施边缘检测，提取图像轮廓线条，可设置阈值，导出黑白线稿。
CSS Sprite生成器 - 图片合并与定位代码生成
上传多张小图标，自动合并成一张Sprite图，并生成对应CSS背景定位代码，提升加载性能。
简易Logo制作器 - 文字+形状组合矢量标志
选择图标形状，输入文字，调整颜色和布局，快速生成简易SVG格式Logo。
模态框代码生成器 - 弹窗窗口HTML/CSS生成
配置弹窗标题、内容、按钮和动画效果，一键生成干净的自定义模态框HTML/CSS代码。
Prometheus 指标解析器 - 文本格式转表格
粘贴 Prometheus 指标文本，解析为结构化表格，并支持基本过滤和排序。
批量Slug生成器 - 文章标题一键转用
一次粘贴多个标题，批量转换为对应的小写英文slug，并去重检查。
加载动画合集 - 数10种纯CSS Spinner预览
浏览数十种纯CSS加载旋转器，点击复制代码或自定义颜色尺寸，节省开发时间。
等轴测绘图板 - 像素级艾索风格建造
在等轴测网格上绘制建筑或场景，支持多图层及调色板，导出等轴测像素艺术作品。
加载旋转器合集 - 数十种纯CSS加载动画
浏览数十种纯CSS实现的加载小动画，点击复制代码直接用于项目。
SVG 合并拼接工具 - 多图标合成为一张雪碧图
上传多个 SVG 文件，自动排列合并到一个 SVG 中，生成 symbol 雪碧图并保留 original id。
加载动画合集 - 纯 CSS 旋转器/骨架屏
展示数十种纯 CSS 的加载动画和骨架屏效果，点击复制代码直接使用。
Open Graph 标签在线调试器 - 富媒体预览模拟
输入URL提取OG标签，模拟Facebook/Twitter/LinkedIn卡片显示效果，优化链接分享。
多样式骨架屏生成器 - 卡片/列表/表格
选择卡片、列表或表格布局，生成对应的灰色闪烁骨架屏HTML/CSS代码。
Protobuf 在线解码器 - 原始字节转可读结构
输入Proto定义和Base64编码的protobuf数据，在线解码为JSON，辅助分析二进制通信内容。
HTTP请求时序图生成器 - 瀑布图分析
手动输入多个请求的起止时间，绘制并发请求时序瀑布图，模拟Web性能优化。
基数排序动画 - LSD方法逐步可视化
随机生成整数数组，逐步展示按低位优先进行的基数排序过程，辅助算法理解。
精灵图分割器 - 将合图拆成单帧小图
上传合并的精灵图，设定行数和列数，自动裁切为单独的小图并打包下载。
structuredClone 可转移对象演示 - 高性能深拷贝
对比结构化克隆与传统深拷贝，演示 ArrayBuffer 等可转移对象如何提升性能。
Sass Mixin生成器 - 常用代码块模板
选择常用模式(如响应式断点、flex居中、省略号)，生成对应Sass Mixin代码。
yEnc编码解码工具 - Usenet二进制附件格式
演示yEnc编码如何将8位二进制转换为适合新闻组的7位文本，并提供解码还原。
纯CSS下拉菜单生成器 - 无限层级嵌套
构建无需JavaScript的多层级下拉菜单，提供HTML结构和CSS样式代码。
CBOR编码解码器 - 二进制JSON格式
将JSON转换为CBOR字节数组并以十六进制显示，反之亦然，适用于IoT数据传输。