聊天消息预览模拟器 - 生成仿 IM 截图
自定义发送者和消息内容,生成逼真的聊天对话界面截图,用于演示或原型。
几何图案生成器 - 重复网格与对称设计
选择对称组类型(p6m, p4m 等),绘制基础形状并自动生成无限重复的几何图案。
组件预览沙盒 - 隔离测试 React/Vue 组件
在一个隔离环境中渲染单个组件,调整 props 查看变化,类似于 Storybook 的轻量替代。
可变字体实验场 - 调节字重/宽度/倾斜轴
加载一个可变字体文件,通过滑块动态调整注册轴(wght, wdth, slnt 等),实时预览。
CSS 光标样式预览工具 - 所有内置光标效果展示
列出所有标准 CSS 光标值(pointer, grab, zoom-in 等),鼠标悬停实时查看对应光标样式并复制代码。
字距与字偶距预览器 - 实时调节CSS letter-spacing
输入文本,滑块调节letter-spacing和word-spacing,实时显示效果并复制CSS。
ZIP文件浏览与提取 - 查看内部文件列表
上传ZIP,列出包含的文件名,支持在线预览文本类文件内容。
图标字体实时预览 - 输入码点测试大小
粘贴自定义图标字体的Unicode,调节尺寸颜色立即查看效果。
网页字体实时预览 - 输入Google Font名即时应用
输入字体名或从列表选择,在示例文本上立刻看效果,获得@import代码。
SEO标题/描述预览工具 - 模拟搜索结果卡片
输入标题与描述,模拟Google搜索结果片段,检查截断与关键词效果。
实时色盲滤镜预览 - 摄像头/屏幕查看
调用摄像头或截取屏幕区域,叠加色觉障碍模拟滤镜,帮助理解不同色盲视角。
RAML 在线预览器 - API设计文件可视化
编辑RAML定义,实时渲染资源结构、方法及响应示例,适合REST API设计初期。
文字编织花样预览器 - 上/下针符号转图案
输入文字描述或符号(如K, P),生成编织花样预览图,方便织女试读图解。
CSS图案背景构建器 - 纯CSS重复花纹
编写或配置基础的CSS渐变、径向、锥形图案组合,生成美观的无缝重复背景代码。
像素字体样本查看器 - 预览并复制CSS
浏览专用于像素风游戏的免费字体,输入文字实时预览并获取引入代码。
OpenType特性预览器 - 连字/小型大写等
输入文字,切换开启连字(liga)、小型大写(c2sc)等OpenType特性,观察渲染差异。
书脊设计预览 - 输入文字看效果
设定书脊宽度,排版书名和出版社文字,模拟书脊在书架上的外观。
多设备同步预览框架 - iframe并排
输入URL,在同一个页面上并排显示手机/平板/桌面三种尺寸的实时预览。
十字绣图案查看器 - 图片转色块网格
上传图片,转换为带颜色和符号的网格图,辅助制作十字绣图纸。
SVG背景图案集 - 点线/网格/波纹等
提供数十种精致SVG背景纹理,可调颜色,生成CSS背景代码或下载SVG。
字体配对预览 - 标题正文字体组合
选择标题和正文的网络字体或系统字体,即时预览搭配效果。
PlantUML轻量呈现 - UML图文本预览
输入PlantUML描述,转换为简单的UML图像预览(基于内置编码器)。
本地字体预览器 - 加载系统字体列表
通过Local Font Access API读取已安装字体,输入文字实时预览各种字体效果。
几何图案生成器 - 交互式重复纹理SVG
选择基本形状(六边形、菱形等)和配色,无缝拼接生成SVG几何背景图案。
文字密铺图案生成器 - 反复排列组成纹理
将任意字符或Emoji密铺成无缝图案背景,调节大小和间距,生成CSS背景。
Lottie动画预览器 - 拖放JSON查看动效
加载Lottie动画JSON文件,播放并控制速度、方向,预览动效效果。
图片放大镜效果 - 电商产品放大预览CSS/JS
生成图片局部放大镜效果,可调节镜头大小和放大倍率,输出HTML/CSS/JS交互代码。
Twitter Card预览器 - 推文卡片效果验证
输入meta标签属性,模拟显示Twitter分享卡片的大图或小图样式,检验标记是否正确。
名片设计预览 - 在线排版并导出图片名片
提供名片模板,填写信息并调整样式,实时预览名片效果,可导出为图片下载。
Markdown在线预览与编辑工具
在线Markdown编辑器,支持实时预览、语法高亮,快速编写和渲染Markdown文档,纯前端解析。
UD5工具箱