UD5工具箱
页面过渡效果沙盒 - 模拟 SPA 页面切换动画
选择和自定义页面进入/离开的动画效果（淡入、滑动、缩放），模拟多页面间的过渡。
动画与动效设计
共 8+ 款工具Particles.js 配置生成器 - 粒子背景可视化定制
调整粒子数量、形状、颜色、连线等参数，实时预览粒子背景效果，导出 Particles.js 配置 JSON。
CSS 关键帧时间轴编辑器 - 拖拽属性关键点
在时间轴上拖拽添加属性关键帧，实时预览动画并生成 @keyframes 代码。
网页动效时间轴编辑器 - 类似 AE 的关键帧动画
在时间轴上管理多个元素的动画关键帧，可视化调整缓动，导出为 CSS/JS 动画。
CSS动画录制回放器 - 捕获并微调关键帧
手动播放一个动画，录制元素实际位置变化，反向生成@keyframes。
CSS 动画曲线编辑器 - 贝塞尔可视化重定义
拖动曲线手柄调整动画缓动，实时预览弹跳或淡入效果，生成cubic-bezier值。
滚动驱动动画创作台 - 基于Scroll Timeline的可视化
配置滚动容器与目标元素，自定义随滚动触发的关键帧动画，输出纯CSS代码。
View Transition API 演练场 - 页面切换动画配置
在单页内模拟MPA过渡效果，自定义进场/出场动画，体验View Transitions API丝滑切换。