UD5工具箱
CSS动画录制器 - 拖拽元素生成关键帧代码
在时间轴上拖拽一个元素的位置和样式，自动录制并生成对应的CSS @keyframes动画代码。
CSS 关键帧时间轴编辑器 - 拖拽属性关键点
生成的 CSS @keyframes
操作提示：拖拽节点移动关键帧 | 点击轨道空白处添加节点 | 双击节点编辑数值 | 右键节点删除 | 拖拽顶部红色手柄移动播放头 | 空格键播放/暂停
表单代码生成器 - 拖拽式HTML表单构建
拖拽文本框、下拉框、单选复选等元素，排列组成表单，导出整洁的HTML表单结构代码。
滑动下划线动画生成器 - 菜单悬停特效CSS
配置下划线从中间或一侧滑出的动画，生成无限菜单效果代码。
GIF分解精灵图导出 - 提取单帧和CSS定位
上传GIF并自动水平平铺提取各帧，生成对应的CSS精灵图定位代码。
网页CSS变量提取为色板 - 一键查看站点主题色
输入网址，提取页面定义的所有CSS自定义属性（颜色），生成直观调色板。
精灵帧动画生成器 - 多图播放及CSS动画
上传序列帧图片，合成spritesheet并生成对应CSS steps()帧动画代码。
简易时间追踪周表 - 拖拽分配时长
在周视图上拖拽时间段，直观记录每天各项活动的耗时，汇总统计。
轮播图代码生成器 - 滑动幻灯片HTML/JS
拖拽添加图片与文字，生成响应式轮播图Slider，支持自动播放和导航点，提供HTML/CSS/JS代码。
加载打字动画生成 - 三点跳跃CSS
生成经典的“...”打字机加载动画，可定颜色和大小，纯CSS实现。
有限状态机设计器 - 拖拽绘制状态转换图
拖放创建状态和转换，标注事件与动作，导出为图片或 JSON 定义，用于软件设计。
形状过渡分割线生成 - 页面区块曲线背景
生成用于网页各区块间的波浪或倾斜过渡分割线，导出为SVG或CSS代码。
交互式线性回归 - 拖拽数据点修拟合线
在散点图上拖拽数据点，实时更新最小二乘回归线，显示斜率和截距。
流体字体尺寸生成器 - CSS clamp
输入最小视口和最大视口下的字号，生成利用clamp()的流畅缩放字体规则。
紧急重要排序练习 - 拖入象限并设时限
待办项拖入四象限，并设置每个的提醒时间，自动排序今日。
可变字体调节器 - 拖拽轴权预览
加载可变字体，通过滑块调整字重、字宽、倾斜等注册轴，并导出设置代码。
CSS转Styled Components - 自动生成JS代码
将普通CSS代码转换为Styled Components的模板字符串格式。
纯CSS模态弹窗生成 - 无JS弹出层
利用 `:target` 伪类创建无需JavaScript的弹窗组件，支持关闭按钮和遮罩层。
分页组件生成器 - 自定义样式与按钮
设置总页数与当前页，生成数字式或省略式分页导航条。
渐变色标数据表 - CSV数据生成渐变CSS
使用CSV格式定义多个色标的位置和颜色，批量生成复杂的CSS渐变代码。
HTML转React JSX - 属性转换
将HTML代码转换为兼容React JSX的代码（class→className，style→对象等）。
拖拽排序器 - 手动调整列表顺序
输入列表项，通过鼠标拖拽手动排列项目顺序后导出。
Cron表达式解析器 - 查看下次执行时间
解析标准Cron表达式，显示未来多次执行的具体日期时间，辅助验证定时任务配置。
HTML实体速查表 - 特殊字符编码Ref
常用HTML实体编码（如© ©）的图形化速查表，点击即可复制实体名称或数字代码。
颜文字表情拼装器 - 拖拽部件生成Kaomoji
从眉毛、眼睛、嘴巴等部件中拖拽组合，生成独一无二的日式颜文字表情，一键复制。
常用表单片段库 - 登录/注册/搜索等
预置多种常见表单（登录、联系、搜索）的HTML代码，点击即可复制并稍作修改。
CSS动画生成器 - Keyframes可视化创建
在线CSS动画代码生成工具，可视化定义关键帧、持续时间、缓动函数等，生成@keyframes动画CSS。
控制台日志样式生成 - %c美化输出
配置字体、颜色、背景，生成可粘贴到浏览器控制台的%c格式化日志代码。
波形音频播放器组件 - 可拖拽进度高亮
生成带有音频波形可视化、可点击跳转的可定制HTML音频播放器代码。
GIF逐帧查看器 - 慢速播放控制
加载GIF，逐帧查看，可调节播放速度、前进后退。
CSS motion-path 路径动画演示 - 元素沿路径运动
绘制 SVG 路径，让元素沿着路径运动，调整速度和缓动，生成动画代码。