表单错误摘要组件生成器 - 顶部汇总与聚焦
为表单设计全局错误摘要区,当提交出错时自动生成错误链接并聚焦,符合 WCAG 3.3.1。
多设备同步预览框架 - iframe并排
输入URL,在同一个页面上并排显示手机/平板/桌面三种尺寸的实时预览。
SVG环形进度条生成器 - 绘图进度圈
设定百分比、颜色和粗细,生成环形SVG进度条代码,可增加动画。
图标字体生成器 - SVG转自定义Webfont
上传SVG图标,生成包含这些图标的Web字体文件包及CSS使用代码。
图片格式质量对比器 - PNG/JPEG/WebP/AVIF 主观评测
上传一张图片,同时压缩为多种格式并调整质量,并排比较细节与文件大小,选择最佳格式。
Lorem Pixel 占位图生成器 - 指定尺寸类别
生成指定宽度和高度的占位图片,可选择类别(自然、人物、抽象)和灰度。
位图转SVG轮廓 - 在线矢量化(简单灰度)
将图片边缘检测后转换为SVG路径,生成基础矢量轮廓图,适合简单logo描摹。
图片热区映射器 - 点击绘制多边形链接
上传图片,点击绘制不规则链接区域,生成HTML <map>代码。
平行坐标图生成器 - 多维数据探索
上传或输入CSV多变量数据,绘制平行坐标图,支持刷选高亮模式。
纸上原型拼接 - 快速线框屏幕流
提供常见UI组件的粗线框风格,拖拽拼接屏幕流程。
步骤进度指示器生成器 - 多步流程可视化
设置步骤数量和当前步骤,生成带连线的步骤进度条,常用于结账或表单引导。
事前验尸分析 - 设想项目已失败找原因
引导团队想象项目已经惨败,列出所有可能原因,然后防范。
像素字体样本查看器 - 预览并复制CSS
浏览专用于像素风游戏的免费字体,输入文字实时预览并获取引入代码。
设计评审模板 - 结构化反馈收集
上传设计稿,按喜欢、疑问、建议三区邀请评审回复,形成报告。
步骤进度条生成器 - 多步表单指示器
生成包含已完成、活跃、未完成状态的横向步骤进度指示器HTML/CSS。
LL(1) 分析表生成器 - 上下文无关文法解析
输入 CFG,计算 FIRST/FOLLOW 集并生成 LL(1) 分析表,标注冲突。
语义版本范围测试器 - 检查版本是否满足约束
输入目标版本和范围表达式(如 ^1.2.3),判断是否匹配,帮助理解依赖解析规则。
等距点阵纸生成器 - 3D草图绘制
生成等距视角的点阵纸,用于绘制3D等距草图,打印使用。
梯形校正工具 - 拍摄文档变方正
拖拽四角将斜拍的文档拉平为标准矩形,重采样为正对视角的文档图片。
屏幕像素密度计算器 - 尺寸与分辨率求PPI
输入屏幕尺寸与宽高像素,计算每英寸像素数(PPI),比较设备细腻度。
CSS优先级可视化图表 - 特异性对比
输入多个CSS选择器,以图表形式展示各选择器特异性的 (a,b,c) 值对比。
黄金螺旋叠加工具 - 构图参考线生成
在图片上叠加黄金螺旋和黄金比例网格,辅助摄影或绘画构图分析。
边框圆角生成器 - CSS Border-Radius在线生成
在线可视化调整元素圆角半径,支持统一或分别设置四个角,实时预览圆角效果并生成CSS代码。
二重积分黎曼和演示 - 矩形逼近曲面
用无数小长方体逼近曲面下体积,调节分割精度,直观理解二重积分概念。
多屏幕窗口放置演示 - 扩展桌面布局
检测并列举所有显示器,将网页窗口精确定位到指定屏幕的特定位置,适合多屏办公场景。
图标库速查表 - Font Awesome 6实时搜索
搜索并实时过滤所有FA6免费图标,点击直接复制 `<i>` 标签或Unicode。
有限自动机编辑器 - DFA/NFA绘制测试
绘制状态节点和转移边,输入字符串测试是否被该有限自动机接受。
英文句子图解器 - 简单句法树
输入简单英文句子,利用预定义规则绘制基本的句子结构树。
文字网格对齐器 - 等宽字体列排版
使用空格填充,将文本按指定的列宽左对齐、右对齐或居中对齐,适合纯文本报表。
滚动进度条生成 - 页面阅读指示器
生成固定在页面顶部或底部的滚动进度条,显示当前阅读进度。
UD5工具箱