Demos

Interactive tools, creative experiments, and live demos.

HTTP API 调试台

浏览器里的 Postman,支持保存请求历史、Bearer/Basic/API Key 认证、JSON 语法高亮

API调试HTTP

Cron 表达式可视化

交互式 Cron 表达式生成器,实时解析、下次执行时间、日历视图

Cron可视化前端工具

GPU.js 并行计算

用 GPU 加速矩阵运算,实时对比 CPU vs GPU 性能差距

GPU.js并行计算WebGL
⌨️

xterm.js 终端模拟器

在浏览器里跑完整终端,支持多标签页、SSH连接配置、命令面板

xterm.js终端SSH
🎮

WebHID 游戏手柄控制器

用 WebHID API 连接游戏手柄,浏览器实时读取输入,支持键盘模拟

WebHID硬件游戏手柄
📊

GitHub 热力图生成器

输入仓库地址自动渲染贡献热力图,支持悬停查看每日提交详情和统计指标

GitHub API可视化热力图

OffscreenCanvas 离屏渲染

Web Worker 里跑 Canvas 渲染,主线程不卡顿,粒子系统性能对比

OffscreenCanvasWeb Worker性能
🗺️

Deck.gl 地图可视化

全球航班轨迹/热力图/散点图在大地图上展示,WebGL 加速渲染

Deck.glMapbox地理可视化
🕹️

像素鸟

复刻 Flappy Bird,Phaser 引擎驱动

Phaser游戏Canvas
📝

Markdown 实时编辑器

左边写 Markdown 右边实时预览,支持 Mermaid、语法高亮

Markdown编辑器Mermaid
🚀

Scroll-driven 动画故事

滚动驱动剧情动画,极光号探险飞船的星际旅程

Scroll Animation创意叙事
🗄️

在线 SQL 执行器

浏览器里跑 SQLite,支持上传 CSV

SQLiteWASM

Three.js 3D 粒子星空

浩瀚宇宙粒子系统,鼠标控制相机穿越星海

Three.js3D粒子
🎨

GLSL Shader Playground

实时 GLSL 片段着色器编辑器,左侧写代码右侧看效果

GLSLShaderWebGL
🤖

TensorFlow.js 图像分类

浏览器里跑 MobileNet 实时分类摄像头画面

TensorFlow.jsML
📈

Plotly 实时图表

股票/传感器数据实时折线图,支持缩放和拖拽

Plotly图表
🌀

生成式艺术画板

用算法生成谢尔宾斯基三角形/分形/混沌吸引子

生成艺术分形
📡

RSS 阅读器

聚合多个 RSS 源,支持搜索和标签过滤,实时预览文章内容

RSS阅读器聚合