Shadow DOM 插槽演示 - slot 内容投影可视化
构建带具名插槽的 Shadow DOM,改变宿主内容观察插槽分配,学习组件组合。
粒子特效生成器 - Canvas粒子动画代码
配置粒子数量、颜色、运动方式和连线,生成动态粒子背景效果,一键复制JS实现。
图像炭笔画效果生成 - 粗糙线条与颗粒感
结合对比度拉伸和强噪点纹理,将照片变为具有深色粗糙质感的炭笔素描画。
单图像立体图生成器 - 裸眼3D图片
上传深度图或选择预设形状,生成可通过平行眼或交叉眼观看的单图像立体图。
Low Poly低多边形生成器 - 图片三角化艺术效果
将图片转换为由彩色三角形构成的低多边形艺术风格,可调整三角网格密度和模糊。
星空粒子背景代码生成器 - 连线动态特效
生成深邃宇宙风格的粒子背景代码,粒子间近距离自动连线,适合科技感网页。
Lottie 动画在线预览器 - 加载 JSON 动画文件播放
拖入 Lottie 动画 JSON 文件,即刻播放矢量动画,支持暂停、调速、背景颜色设置。
数字滚动动画生成器 - 递增计数特效
生成从0滚到目标数字的动画,可调节速度和延迟,复制HTML/JS代码。
几何线框生成器 - 柏拉图立体旋转
以线框形式渲染正四面体、立方体等柏拉图立体,可鼠标拖拽旋转。
DOM 事件传播模拟器 - 捕获与冒泡阶段可视化
构建嵌套元素,触发事件并逐步显示事件流经路径,可切换捕获/冒泡模式。
自定义Lorem Ipsum生成器 - 主题假文与词汇注入
可混入指定关键词的Lorem Ipsum生成器,支持段落、列表与HTML标记,更真实模拟内容。
吃豆人Canvas经典版 - 网页重制原始迷宫
使用Canvas绘制的经典吃豆人游戏,包含鬼魂AI与经典音效,致敬怀旧街机。
圆锥曲线绘制器 - 椭圆/双曲线/抛物线
调整标准方程参数,动态绘制对应的圆锥曲线图形。
DataTransfer 对象构建器 - 模拟拖放数据
创建自定义 DataTransfer 对象,设置数据和拖拽效果,可用于测试拖放事件处理。
structuredClone 深度克隆测试器 - 对象对比
输入复杂对象,使用 structuredClone 进行深拷贝,并对比原始对象与克隆体,展示可拷贝类型。
JSON 转 Java 实体类生成器 - 自动创建 POJO
根据 JSON 数据结构在线生成 Java 类代码,包含字段映射、getter/setter,支持嵌套类型。
网页强制高对比度模式 - 针对弱视需要
生成一键注入的JS书签,将任意网页的背景强制变黑、文字变白或变黄。
Cookie 属性详解与测试 - SameSite/Secure/HttpOnly 可视化
设置不同属性的 Cookie 并展示其跨站行为,帮助理解现代 Cookie 安全策略。
自由手绘白板 - 无限画布与激光笔
使用鼠标或触控笔在无限画布上涂鸦,激光笔模式不留下痕迹,适合演示思路。
图片懒加载测试器 - loading=lazy 效果对比
放置大量图片并开启懒加载,通过滚动观察网络请求的发起,验证原生延迟加载。
埃拉托斯特尼筛法 - 素数筛选动画
动画展示埃拉托斯特尼筛法逐步划去倍数,最终留下指定范围内的所有素数。
定制冥想背景音 - 多频段噪声/自然声组合
独立控制白、粉红、布朗噪声及雨声、浪声的音量,创造专属专注或放松环境音。
励志语录拼贴墙 - 拖拽布置屏幕正能量
从内置库选择喜欢的名言,拖拽到屏幕任意位置缩放摆放,截图当壁纸。
埃拉托斯特尼筛法动画 - 素数的筛选过程
逐步动画展示埃拉托斯特尼筛法,高亮被划掉的合数,直观理解素数生成原理。
图片配色提取器 - 从任何图片生成调色板
上传图片或粘贴 URL,提取主色调和辅助色,保存为调色板集合。
图片曲线调整工具 - RGB 与明度通道调色
在曲线上添加控制点调节图片亮度和各颜色通道,支持 S 曲线、反相、负片等高级调色效果。
愿景板生成器 - 设定目标并配图
输入目标文字并上传代表图片,布局生成梦想板图片每日看。
图像排线效果 - 交叉阴影线手绘风格
用密集的交叉线条重绘图片,光影由线条的粗细和密度决定,模拟版画排线风格。
梯形校正工具 - 拍摄文档变方正
拖拽四角将斜拍的文档拉平为标准矩形,重采样为正对视角的文档图片。
色觉缺陷模拟器 - 上传图片体验不同色盲
应用马氏算法将图片转换为红色盲、绿色盲、蓝色盲视角的模拟效果。
UD5工具箱