UD5工具箱
CSS缓动函数生成器 - Cubic-Bezier曲线编辑
缓动函数沙盒 - 自定义贝塞尔及steps试玩
可视化调整cubic-bezier和steps()缓动，并可实时看到动画球左右移动。
贝塞尔曲线沙盒 - 二次/三次曲线编辑导出
拖拽控制点自由绘制二次和三次贝塞尔曲线，导出为SVG path或Canvas绘图命令。
ResizeObserver演示 - 响应元素尺寸变化
拖拽改变一个div的大小，通过ResizeObserver API实时显示其新的宽度和高度。
WebSocket 消息构建器 - 编辑并发送文本/二进制帧
连接到 WebSocket 端点，自定义消息内容（JSON、文本、ArrayBuffer）并发送，查看响应。
SVG路径补间变形动画生成器
在两个不同形状的SVG路径间自动生成流畅的过渡变形动画SMIL代码。
代码行数统计工具 - 忽略注释空行
粘贴代码，计算总行数、有效代码行数、注释行数和空行数。
SVG波浪生成器 - 自定义曲线波形背景
在线调节振幅、频率和层数，生成平滑的SVG波浪图形，直接复制代码或下载SVG。
CSS 容器查询演示 - @container 根据父元素响应
设置容器宽度阈值，改变容器大小观察组件内部样式的变化，学习容器查询用法。
Datalist 自动建议增强演示 - 动态数据源
演示如何动态更新 datalist 选项以实现搜索建议，并处理键盘选择。
DOM变动观察器 - 监听节点变化
配置监听目标，实时显示DOM节点的增删改及属性变化，辅助AJAX内容调试。
波的干涉图样生成器 - 双源波长颜色调节
调节两列波的频率、波长和位置，实时观看水面波干涉形成的明暗条纹图案。
Webmention发送测试 - 手动Ping引用
输入源页和引用页URL，构造Webmention请求通知被引用页面，演示独立博客协议。
z-index层级可视化 - 拖拽相互遮挡关系
添加多个色块拖拽顺序，直观表现层叠上下文与z-index值。
仿生阅读文本生成器 - 单词前半加粗提升速读
将英文文本转换为单词前几个字母加粗的格式，引导视线跳跃式阅读，模拟Bionic Reading效果。
JSON Schema生成器 - 从JSON数据推断结构
粘贴JSON示例数据，自动分析并生成对应的JSON Schema，支持类型推断和必填标记。
A/B 测试显著性计算器 - Z 检验与 P 值
输入对照组和实验组的用户数与转化数，计算 Z 值、P 值，判断是否具有统计显著性。
SQLite WebAssembly 浏览器端演示 - 离线数据库
在浏览器中运行完整的SQLite数据库，创建表、插入查询数据，体验客户端强大的SQL能力。
基础风格迁移演示 - 载入预训练小型模型
利用预训练的轻量变换网络在浏览器中简单演示将图片转换成特定风格。
Generator 与迭代器演示 - 暂停/恢复执行过程
编写 generator 函数，逐步 next() 并显示每次 yield 的值和状态，理解惰性求值。
Go 语言 WebAssembly 演练 - 编译 Go 代码到浏览器运行
编写 Go 代码并在线编译为 WASM，在浏览器中调用并显示输出。
WebSocket压力测试 - 并发连接发送
配置WebSocket地址，模拟多个并发连接，发送自定义消息并记录响应延迟。
robots.txt 测试模拟器 - 验证爬虫规则
输入网站robots.txt内容与用户代理，测试指定URL是否被允许抓取，SEO优化辅助。
采样定理演示 - 欠采样与混叠现象
调节采样频率，观察对正弦波的离散采样和重建效果，演示欠采样导致的频率混叠。
财务自由计算器 - FIRE运动进度追踪
根据资产、年支出与储蓄率，估算实现财务自由所需的年限与进度条，激发理财动力。
神经网络游乐场扩展版 - 自定义激活函数与架构
拖拽构造多层感知机，调整学习率和激活函数，实时观察分类任务训练过程，入门深度学习。
SVG转JSX组件生成器 - 自动化React SVG
粘贴SVG代码，将其转换为可复用的React组件，注意驼峰属性名和自闭合标签。
数字滤波器设计器 - 低通/高通/带通
在Canvas上绘制理想频率响应，并应用简单FIR滤波器对合成信号进行滤波，听音效对比。
WebSocket 消息检查器 - 拦截并可视化收发数据
代理 WebSocket 连接，实时拦截并展示所有文本/二进制消息，支持过滤和搜索。
点击劫持测试页面 - 检测 X-Frame-Options 缺失
尝试将目标 URL 加载到 iframe 中，检测是否缺少点击劫持防护头，并展示风险。
黏菌群体模拟 - 基于代理的路径形成
模拟黏菌释放信息素并追踪轨迹形成网络的过程，可用于可视化物流路径。