在线绘图板 - HTML5画板涂鸦工具
基于Canvas的在线绘图工具,提供画笔、橡皮擦、颜色选择、撤回等功能,自由涂鸦并保存作品。
在线刮奖卡 - Canvas涂抹刮开涂层
在Canvas上用鼠标涂抹刮开银色涂层,显示隐藏文字或图片,模拟刮刮乐。
泰森多边形生成器 - Voronoi图在线绘制
随机生成或手动添加种子点,实时绘制泰森多边形分割区域,可导出为SVG或图片。
JSON 格式化与验证工具 - 在线JSON美化校验
在线JSON格式化与验证工具,支持JSON压缩美化、语法高亮、错误定位,浏览器本地处理保障数据安全。
CSS阴影生成器 - 在线Box-Shadow代码生成
可视化CSS box-shadow生成工具,拖拽调整阴影偏移、模糊、扩散、颜色,实时预览并生成代码。
Mustache 模板测试工具 - 无逻辑模板渲染调试
粘贴 Mustache 模板与数据 JSON,所见即所得地渲染输出,支持节段和反转节段。
Babel 插件在线测试器 - 开发并验证自定义插件
编写 Babel 插件代码,输入源代码,实时查看转换后的结果,加速插件开发。
PlantUML 编码解码器 - 在线生成图表链接
输入 PlantUML 文本,编码为可嵌入图片的 URL 或解码已有的 PlantUML 链接查看源码。
Navigation API 演示 - 现代前端路由导航
使用新的 Navigation API 拦截导航、管理历史条目,构建类 SPA 体验。
lit-html 模板测试器 - 在线编写并渲染 Lit 模板
编写 lit-html 模板和数据,即时渲染结果,帮助学习 Lit 框架。
Flexbox布局生成器 - 在线弹性盒可视化生成
在线Flexbox布局可视化生成器,直观调整主轴、交叉轴对齐、换行等属性,实时显示效果并输出CSS。
情绪板/灵感拼贴在线制作器
上传或搜索图片,自由排列、旋转、剪裁成灵感拼贴,适合设计师收集创意参考。
Voiceflow 原型在线播放器 - 测试语音交互设计
导入 Voiceflow 项目文件,在浏览器中模拟语音对话流程,调试交互逻辑。
HTML Sanitizer API演示 - 安全插入HTML
使用新的Sanitizer API清理可能存在XSS风险的HTML字符串,并安全插入DOM。
Rollup 插件开发沙盒 - 编写并测试插件效果
提供模块图,编写 Rollup 插件并观察其对打包过程的影响。
Punycode编码转换工具 - 国际化域名在线解码
将非ASCII域名(如中文域名)转换为Punycode格式或还原,理解国际化域名编码机制。
WebXR 手部追踪演示 - 无控制器交互
在支持手部追踪的 XR 设备上,展示裸手交互的 VR/AR 体验。
实时渐变纹理生成器 - 使用 Canvas 渲染纹理
通过调节参数实时生成大理石纹、木纹、云彩等程序化纹理,可导出平铺图片。
电子签名板 - 在线手写签署并导出图片
使用鼠标或触摸屏手写签名,调整笔触粗细与颜色,一键导出透明背景签名图,用于文档签署。
Canvas 烟花绽放动效 - 鼠标点击发射烟花
在网页画布上点击鼠标发射绚丽的粒子烟花,支持重力、拖尾和随机颜色,适合节日气氛。
贪吃虫大作战精简版 - 线上吃光点
在Canvas上控制一条不断增长的蠕虫吃光点,撞墙或撞到自己则结束。
JSON规范化工具 - 排序键用于哈希
将JSON对象的键按字母排序并去除空格,生成用于数字签名的规范化JSON。
邮件倒数签名 - 动态计时器图片链接
生成指向动态倒计时图片的链接,用于添加到Email签名中,提醒活动截止。
鼠标拖尾效果生成 - 自定义颜色形状
配置鼠标移动时跟随的彩色拖尾粒子或图形,生成JS置入网站。
手写签名抠图器 - 去背景保留笔迹
上传白纸上的手写签名,一键移除白色背景,保留透明通道的数字签名。
Canvas噪点纹理生成 - 可下载背景图
通过Canvas生成不同粒度、颜色的噪点纹理图片,适合用作页面背景或叠加。
粒子文字效果 - 将文字变为飞舞粒子
输入文字,变为可由鼠标吸引或复原的粒子群,生成相应Canvas动画JS代码。
音频波形图生成器 - 离线文件波形预览
选择本地音频文件,解绘制完整的静态波形图,便于观察响度变化。
图片颜色量化 - 降低色数生成复古GIF风
将图片减少到指定的颜色数量(如8色、16色),生成类似老式游戏画面。
绿幕/蓝幕图片抠图 - Canvas简单色键移除背景
上传纯色背景图片,选择要去除的背景颜色和容差,替换为透明或新背景。
UD5工具箱