UD5工具箱
CSS 动画曲线编辑器 - 贝塞尔可视化重定义
拖动曲线手柄调整动画缓动，实时预览弹跳或淡入效果，生成cubic-bezier值。
SVG路径生成器 - 手绘贝塞尔曲线代码
锚点（路径经过点）
出控点（拖拽弯曲）
入控点（拖拽弯曲）
双击锚点可删除
点击画布添加锚点，开始绘制贝塞尔曲线...
LaTeX符号转图片 - 单独渲染为SVG/PNG
输入LaTeX命令如 \alpha 或 \sum，即时渲染为高清可下载的SVG或PNG图片。
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代码。
批量Slug生成器 - 文章标题一键转用
一次粘贴多个标题，批量转换为对应的小写英文slug，并去重检查。
加载动画合集 - 数10种纯CSS Spinner预览
浏览数十种纯CSS加载旋转器，点击复制代码或自定义颜色尺寸，节省开发时间。
等轴测绘图板 - 像素级艾索风格建造
在等轴测网格上绘制建筑或场景，支持多图层及调色板，导出等轴测像素艺术作品。
加载旋转器合集 - 数十种纯CSS加载动画
浏览数十种纯CSS实现的加载小动画，点击复制代码直接用于项目。
Open Graph 标签在线调试器 - 富媒体预览模拟
输入URL提取OG标签，模拟Facebook/Twitter/LinkedIn卡片显示效果，优化链接分享。
多样式骨架屏生成器 - 卡片/列表/表格
选择卡片、列表或表格布局，生成对应的灰色闪烁骨架屏HTML/CSS代码。
Protobuf 在线解码器 - 原始字节转可读结构
输入Proto定义和Base64编码的protobuf数据，在线解码为JSON，辅助分析二进制通信内容。
HTTP请求时序图生成器 - 瀑布图分析
手动输入多个请求的起止时间，绘制并发请求时序瀑布图，模拟Web性能优化。
基数排序动画 - LSD方法逐步可视化
随机生成整数数组，逐步展示按低位优先进行的基数排序过程，辅助算法理解。
精灵图分割器 - 将合图拆成单帧小图
上传合并的精灵图，设定行数和列数，自动裁切为单独的小图并打包下载。
Sass Mixin生成器 - 常用代码块模板
选择常用模式(如响应式断点、flex居中、省略号)，生成对应Sass Mixin代码。
yEnc编码解码工具 - Usenet二进制附件格式
演示yEnc编码如何将8位二进制转换为适合新闻组的7位文本，并提供解码还原。
纯CSS下拉菜单生成器 - 无限层级嵌套
构建无需JavaScript的多层级下拉菜单，提供HTML结构和CSS样式代码。
CBOR编码解码器 - 二进制JSON格式
将JSON转换为CBOR字节数组并以十六进制显示，反之亦然，适用于IoT数据传输。
谐振螺旋图 - 利萨茹曲线绘制
调整X和Y方向的频率和相位，绘制多样的利萨茹曲线图案。
滚动捕捉沙盒 - CSS Scroll Snap实验
调整滚动容器和子项的对齐方式、停止点，观察CSS Scroll Snap平滑滑动效果。
Base64字符串转图片文件 - 解码下载
粘贴Data URL或Base64图片字符串，立即预览并下载为对应格式的图片文件。
Details/Summary 手风琴效果生成 - 纯HTML折叠面板
无需JavaScript，构建纯HTML5折叠面板，添加自定义图标与动画样式，输出语义化代码。
模块化折纸图生成器 - 多单元拼接展开图
设计Sonobe等模块化折纸单元的折叠模式与组装动画，输出折痕图打印。