基础风格迁移演示 - 载入预训练小型模型

利用预训练的轻量变换网络在浏览器中简单演示将图片转换成特定风格。

AI演示 AI 滤镜 风格迁移

缓动函数沙盒 - 自定义贝塞尔及steps试玩

可视化调整cubic-bezier和steps()缓动，并可实时看到动画球左右移动。

前端设计 CSS 动画 缓动

最新

代码行数统计工具 - 忽略注释空行

粘贴代码，计算总行数、有效代码行数、注释行数和空行数。

分析工具 代码行数 分析 统计

最新

WebSocket 消息构建器 - 编辑并发送文本/二进制帧

连接到 WebSocket 端点，自定义消息内容（JSON、文本、ArrayBuffer）并发送，查看响应。

开发工具 WebSocket 构建 消息

最新

采样定理演示 - 欠采样与混叠现象

调节采样频率，观察对正弦波的离散采样和重建效果，演示欠采样导致的频率混叠。

信号处理 混叠 演示 采样定理

JSON Schema生成器 - 从JSON数据推断结构

粘贴JSON示例数据，自动分析并生成对应的JSON Schema，支持类型推断和必填标记。

开发工具 JSON JSON Schema 生成器

Webmention发送测试 - 手动Ping引用

输入源页和引用页URL，构造Webmention请求通知被引用页面，演示独立博客协议。

开发工具 Webmention 协议 发送

CSS缓动函数生成器 - Cubic-Bezier曲线编辑

直观拖拽曲线控制点，生成CSS transition/animation的cubic-bezier()值，并即时播放动画效果预览。

前端设计 CSS Cubic-Bezier 缓动

最新

SVG转JSX组件生成器 - 自动化React SVG

粘贴SVG代码，将其转换为可复用的React组件，注意驼峰属性名和自闭合标签。

开发工具 JSX SVG 组件

推广链接构造器 - 添加UTM参数

输入原始URL，填入来源、媒介、活动名等，生成带UTM规范的推广追踪链接。

开发工具 UTM 营销 链接

最新

XML结构校验器 - 嵌套闭合与属性检查

检查XML的格式正确性，报告错误的标签闭合和属性缺失。

开发工具 XML 校验 结构 错误

最新

组件预览沙盒 - 隔离测试 React/Vue 组件

在一个隔离环境中渲染单个组件，调整 props 查看变化，类似于 Storybook 的轻量替代。

开发工具 沙盒 测试 组件 预览

波的干涉图样生成器 - 双源波长颜色调节

调节两列波的频率、波长和位置，实时观看水面波干涉形成的明暗条纹图案。

教育工具 模拟 波干涉 物理

最新

SVM 决策边界可视化 - 交互式支持向量机演示

添加二维点并选择核函数，直观展示SVM决策边界与支持向量，理解最大间隔分类原理。

教育工具 SVM 分类 可视化 支持向量机

最新

ResizeObserver演示 - 响应元素尺寸变化

拖拽改变一个div的大小，通过ResizeObserver API实时显示其新的宽度和高度。

前端设计 ResizeObserver 演示 监听

最新

财务自由计算器 - FIRE运动进度追踪

根据资产、年支出与储蓄率，估算实现财务自由所需的年限与进度条，激发理财动力。

目标 FIRE 储蓄 计算 财务自由

模糊猜字游戏 - 逐渐清晰猜对得分

字母从极度模糊逐渐变清晰，尽早猜出正确单词获得高分。

教育工具 模糊 游戏 猜字

最新

颜色变量命名工具 - 语义化名称建议

输入颜色十六进制值，根据色相和明度给出类似`--color-primary-500`的命名建议。

前端设计 CSS 命名 颜色

贝塞尔曲线沙盒 - 二次/三次曲线编辑导出

拖拽控制点自由绘制二次和三次贝塞尔曲线，导出为SVG path或Canvas绘图命令。

图像工具 曲线 编辑 贝塞尔

最新

z-index层级可视化 - 拖拽相互遮挡关系

添加多个色块拖拽顺序，直观表现层叠上下文与z-index值。

开发工具 CSS z-index 可视化 层级

最新

增强版字数统计器 - 中英日韩混合精确计数

支持多语言字符分割，准确统计汉字、英文单词、日文假名数量，并评估社交媒体发文长度。

写作工具 多语言 字数统计 字符 计数

最新

结构化数据代码快速检查 - 验证 JSON-LD 语法与必填属性

粘贴 JSON-LD 代码，校验语法并提示常见类型的必填属性缺失，辅助 SEO 调试。

SEO JSON-LD SEO 结构化数据 验证

SVG转React组件 - 自动生成JSX代码

粘贴SVG代码，自动转换为React函数组件格式，处理属性名驼峰化。

开发工具 React SVG 组件

最新

瑜伽序列编排器 - 拖拽体式构成流

从体式库拖入序列，调整持续时间，生成完整瑜伽课程计划，并可导出打印。

健康工具 体式 序列 瑜伽 编排

最新

SQLite WebAssembly 浏览器端演示 - 离线数据库

在浏览器中运行完整的SQLite数据库，创建表、插入查询数据，体验客户端强大的SQL能力。

开发工具 SQLite WASM 数据库 浏览器

仿生阅读文本生成器 - 单词前半加粗提升速读

将英文文本转换为单词前几个字母加粗的格式，引导视线跳跃式阅读，模拟Bionic Reading效果。

效率工具 仿生阅读 加粗 速读

振动API测试工具 - 手机马达振动模式调试

使用Vibration API控制设备振动，测试短振、长振和模式振动，验证触觉反馈。

开发工具 API Vibration 振动

科学物种名生成器 - 伪拉丁双名法

组合拉丁化词根生成看起来像真的生物双名法学名，适合创意写作。

教育工具 学名 物种 生成

最新

渐变指针取色器 - 从渐变条上精确取中间色

设置渐变两端颜色，鼠标滑过渐变条显示任意位置的精确十六进制色。

前端设计 取色 渐变 设计

网页计步器 - 利用手机加速度计

请求手机传感器权限，通过加速度变化峰值检测来简单估算步数。

健康工具 健康 加速度 计步