迷宫自动走解器 - DFS/BFS寻路动画
绘制或生成迷宫墙,选择DFS或BFS算法自动寻找出口,动画展示探索过程。
UD5工具箱
绘制或生成迷宫墙,选择DFS或BFS算法自动寻找出口,动画展示探索过程。
在任意网页上投射可拖拽调整的栅格覆盖线,用来测量和对齐设计稿。
在页面上叠加可拖拽的半透明网格线,辅助网格布局对齐。
载入简单控制网格,执行 Catmull-Clark 细分一次,观察光滑效果。
设定物理页框数,输入页引用串,动画展示不同页面置换算法的缺页率。
粘贴JSON对象,生成可折叠的树形视图,点击节点复制其键值路径,方便调试。
为页面上使用CSS Grid的元素显示网格线和名称,辅助布局开发和调试。
拖拽与门、或门、非门等构建组合逻辑电路,输入高/低电平观察输出。
输入URL模式字符串(通配符、命名组)和测试URL,验证是否匹配并提取参数。
随机可视化Skip List的层级结构和快速查找过程,对比链表效率。
可视化Flexbox容器和子项的所有属性及选项,鼠标悬停预览效果。
编写Brainfuck代码,以可视化的方式步进执行,观察活动纸带和指针。
为内容区域生成灰色闪烁的骨架屏占位代码,包含卡片、标题等组件样式。
拖拽两控制点精细微调CSS `cubic-bezier()` 曲线并对比预设函数效果。
在勾选读写执行权限和对应的八进制数字、符号(rwx)之间互相转换。
输入 gRPC 服务地址和方法,构造 JSON 请求体,观察转为二进制帧并接收响应解码。
在绘图板画几条直线,算法自动利用霍夫变换检测并高亮出这些线段。
并列播放所有CSS内置缓动函数(ease, linear等)的动画效果,方便对比选择。
动画展示 Kruskal 算法选择边和合并集合的过程,高亮生成树边。
自定义原生 <dialog> 元素的样式、动画和遮罩效果,一键复制生成语义化且无障碍的模态框代码。
拖拽顶点或选择预定义形状,可视生成CSS clip-path多边形、圆形、椭圆等,实时预览并复制代码。
上传一组图片,设定每张展示秒数和转场,生成WebM视频幻灯。
将 CSS Grid 容器和项目的属性以图形化卡片展示,点击查看具体效果和代码。
编写带有伪类的选择器,实时高亮匹配的HTML元素,探索现代CSS选择器的能力。
粘贴带参数的URL,以表格形式列出所有Query参数与值。
粘贴 JSON 数据,自动生成对应的 TypeScript interface 或 type 定义,支持嵌套对象和数组。
粘贴结构化数据代码,模拟Google结构化数据测试,检查错误与丰富结果。
输入短链接或URL,逐跳追踪HTTP 301/302等重定向,显示最终目标。
解析 Svelte 组件的反应式声明,绘制变量之间的依赖关系链,便于理解更新逻辑。
勾选需要展示的选项(接受/拒绝/设置),生成纯净HTML/JS代码,自行套用样式。