Kruskal 最小生成树动画 - 按边排序并查集

最新

Catmull-Clark 细分曲面演示 - 控制网格迭代

载入简单控制网格，执行 Catmull-Clark 细分一次，观察光滑效果。

图形学 Catmull-Clark 图形学 曲面 细分

Webpack 打包分析器 - stats.json 可视化

上传 webpack 的 stats.json，生成交互式树状图、模块大小排名，辅助优化构建体积。

开发工具 Webpack 体积 打包分析 模块

页面标题层级分析器 - h1~h6 结构检查

输入 HTML 或网址，提取所有标题标签，生成文档大纲树，检测跳跃和缺失。

SEO 大纲 层级 无障碍 标题

Flexbox属性速查 - 可视对照表

可视化Flexbox容器和子项的所有属性及选项，鼠标悬停预览效果。

前端设计 Flexbox 属性 速查

gRPC-Web 一元调用测试器 - 发送请求并查看序列化

输入 gRPC 服务地址和方法，构造 JSON 请求体，观察转为二进制帧并接收响应解码。

开发工具 gRPC-Web 测试

URL参数可视化提取 - 分层解析查询串

粘贴带参数的URL，以表格形式列出所有Query参数与值。

开发工具 URL 参数 提取 解析

内存分页替换模拟 - FIFO/LRU/OPT动画

设定物理页框数，输入页引用串，动画展示不同页面置换算法的缺页率。

教育工具 分页 模拟 算法

Lorem Ipsum占位文本生成器 - 在线随机假文

在线生成Lorem Ipsum占位文本，可指定段落数、单词数或字节数，用于设计排版和布局填充。

文本处理 Lorem Ipsum 占位文本 生成器

跳跃表可视化器 - 插入/搜索层级演示

随机可视化Skip List的层级结构和快速查找过程，对比链表效率。

教育工具 可视化 算法 跳跃表

寻宝清单生成器 - 任意户外/室内目标列表

创建一份让参与者寻找的物品或地标清单，可分享或打印。

活动 寻宝 活动 清单 生成

迷宫自动走解器 - DFS/BFS寻路动画

绘制或生成迷宫墙，选择DFS或BFS算法自动寻找出口，动画展示探索过程。

教育工具 动画 求解 迷宫

反馈表单构造器 - 打分/文本/多选一键生成

拖拽题型构建客户或员工反馈表，支持NPS、星级评分，导出填写链接或二维码。

办公工具 NPS 反馈 表单 问卷

最新

Tailwind 调色板可视化浏览器 - 所有色阶一览

可视化浏览 Tailwind CSS 所有内置颜色的 50-950 色阶，点击复制类名或色值。

CSS Tailwind 浏览 调色板 颜色

最新

Lorem Ipsum 占位文本生成器 - 在线假文生成

快速生成指定段落数或字数的 Lorem Ipsum 占位文本，适用于 UI 设计、排版测试和原型填充。

内容生成 Lorem Ipsum 占位文本 排版 生成

最新

内联样式提取合并工具 - 汇总 style 属性为类

提取 HTML 中所有内联 style，智能合并相同样式生成 class，并替换为类名以减小体积。

CSS CSS 内联样式 合并 提取

HTML内联样式提取器 - 批量整理为独立CSS

提取HTML中内联style属性或嵌入式style标签，转变为独立CSS规则，辅助样式重构。

CSS CSS 内联 提取 重构

贝塞尔缓动函数调校工具 - 自定义动画曲线

拖拽两控制点精细微调CSS `cubic-bezier()` 曲线并对比预设函数效果。

前端设计 CSS 缓动 贝塞尔

卡诺图化简工具 - 布尔表达式最小化

输入最小项，生成卡诺图并自动圈出质蕴含项，得到最简逻辑表达式。

开发工具 化简 卡诺图 逻辑

JSON 结构树浏览器 - 交互展开与路径复制

粘贴JSON对象，生成可折叠的树形视图，点击节点复制其键值路径，方便调试。

JSON JSON 树 结构 路径

滚动驱动动画沙盒 - Animation Timeline演示

绑定动画进度到滚动位置，交互式调整参数，直观理解scroll-timeline和view-timeline。

前端设计 CSS 动画 滚动驱动

Cookie 同意条生成 - 纯代码无样式嵌入

勾选需要展示的选项（接受/拒绝/设置），生成纯净HTML/JS代码，自行套用样式。

合规 Cookie 代码 合规 同意

流线绘制器 - 点选种子查看向量场

在预设向量场中点击放置种子，绘制通过该点的流线，表现场的方式。

教育工具 可视化 向量场 流线

Cookie同意横幅配置器 - GDPR/CCPA 自定义样式

实时预览并生成符合隐私法规的Cookie同意横幅HTML/CSS/JS代码，一键嵌入网站。

合规 Cookie GDPR 同意 横幅

色盲友好调色板 - 定性数据配色推荐

展示几组在各类色盲下仍可区分的定性数据配色方案，含Hex码。

前端设计 色盲 设计 调色板

Brainfuck在线解释器 - 步进调试

编写Brainfuck代码，以可视化的方式步进执行，观察活动纸带和指针。

开发工具 Brainfuck 解释器 调试

最新

Svelte 反应式声明查看器 - 可视化 $: 依赖链

解析 Svelte 组件的反应式声明，绘制变量之间的依赖关系链，便于理解更新逻辑。

前端 Svelte 反应式 可视化 声明

Lottie动画预览器 - 拖放JSON查看动效

加载Lottie动画JSON文件，播放并控制速度、方向，预览动效效果。

前端设计 Lottie 动画 预览

CSS缓动函数试玩场 - 所有预设一览

并列播放所有CSS内置缓动函数（ease, linear等）的动画效果，方便对比选择。

前端设计 CSS 动画 缓动

滚动驱动动画创作台 - 基于Scroll Timeline的可视化

配置滚动容器与目标元素，自定义随滚动触发的关键帧动画，输出纯CSS代码。

动画 CSS Scroll Timeline 动画 滚动驱动

Query String解析器 - URL参数编码解码

将URL查询字符串转换为键值对对象，编辑并重新生成编码后的查询参数，支持多层嵌套。

开发工具 Query String URL 参数