UD5工具箱
Markdown 幻灯片生成器 - 极简写作一键放映
使用双栏Markdown编写大纲，左侧编辑右侧全屏预览演示，支持键盘导航和PDF导出。
Markdown 编辑器
幻灯片预览
点击缩略图可跳转演示
输入 Markdown 内容后将在此显示幻灯片预览
常见问题与知识点
Markdown 幻灯片是一种使用纯文本 Markdown 语法编写演示文稿的方式。通过简单的分隔符（如
---）将内容分成多张幻灯片，即可快速生成结构清晰、样式美观的演示文稿，无需使用 PowerPoint 或 Keynote 等复杂工具。使用三个或更多短横线
---（独占一行）作为幻灯片分隔符。也支持 *** 和 ___。每两个分隔符之间的内容即为一张独立的幻灯片。建议分隔符前后各留一个空行，使源文件更易阅读。支持标准 Markdown 语法：标题（h1-h6）、段落、粗体、斜体、有序/无序列表、代码块（围栏式）、行内代码、引用块、表格、图片、链接等。部分高级语法如任务列表、脚注、定义列表等也受支持（取决于底层解析器）。
点击工具栏的"导出"按钮，或在全屏演示模式下使用浏览器的打印功能（Ctrl+P / Cmd+P），在打印对话框中选择"另存为 PDF"即可。每张幻灯片会自动分页，确保打印效果整洁。
← / ↑ / PageUp：上一张幻灯片
→ / ↓ / PageDown / 空格：下一张幻灯片
Home：跳转到第一张
End：跳转到最后一张
Esc：退出全屏演示
F：进入/退出全屏演示模式
→ / ↓ / PageDown / 空格：下一张幻灯片
Home：跳转到第一张
End：跳转到最后一张
Esc：退出全屏演示
F：进入/退出全屏演示模式
可以。工具栏提供了5种内置主题：默认白、深色、商务蓝、自然绿和暖色调。切换主题后，所有幻灯片（包括预览和全屏演示）都会即时更新。如需更多自定义，可通过修改 CSS 变量实现。
Markdown转HTML工具 - 在线MD文档转网页
将Markdown文本即时转换为HTML代码，实时预览样式，直接复制HTML用于网站发布。
轮播图代码生成器 - 滑动幻灯片HTML/JS
拖拽添加图片与文字，生成响应式轮播图Slider，支持自动播放和导航点，提供HTML/CSS/JS代码。
分屏Markdown编辑器 - 实时预览与导出
左侧输入Markdown，右侧实时渲染，支持导出HTML/PDF。
Markdown在线预览与编辑工具
在线Markdown编辑器，支持实时预览、语法高亮，快速编写和渲染Markdown文档，纯前端解析。
流体排版 CSS 生成器 - clamp() 函数计算
输入最小/最大字体大小和视口范围，生成精确的 clamp() 值及回退方案。
HTML 拖放 API 演示 - 文件与元素拖拽交互
通过实例展示原生拖放 API 的使用，包括文件拖拽上传和页面元素排序功能。
控制台日志样式生成 - %c美化输出
配置字体、颜色、背景，生成可粘贴到浏览器控制台的%c格式化日志代码。
HTML转Pug工具 - 在线HTML代码转简洁模板
将HTML标记转换为Pug（原Jade）的缩进语法模板，去除尖括号，让模板开发更快速。
Emmet 缩写语法浏览器 - 编写并预览展开
输入 Emmet 缩写，实时显示展开后的 HTML 结构，学习高级 Emmet 技巧。
流体字体尺寸生成器 - CSS clamp
输入最小视口和最大视口下的字号，生成利用clamp()的流畅缩放字体规则。
内置Web组件演示 - 原生自定义元素
展示一些常用内置HTML元素和自定义元素例子，提供代码复制。
浏览器扩展样板代码生成器 - 定制 manifest 与脚本
选择扩展类型（弹出、内容脚本、后台），生成完整的项目文件和 manifest.json。
View Transition API 演练场 - 页面切换动画配置
在单页内模拟MPA过渡效果，自定义进场/出场动画，体验View Transitions API丝滑切换。
View Transition 模拟页面切换 - 使用 startViewTransition
在两个视图间切换并调用 document.startViewTransition，观察浏览器默认过渡动画。
文字动画GIF生成器 - 闪烁/打字效果
输入文字，选择闪烁、打字、彩虹等动态效果，生成文字动画GIF。
表单代码生成器 - 拖拽式HTML表单构建
拖拽文本框、下拉框、单选复选等元素，排列组成表单，导出整洁的HTML表单结构代码。
极简Logo生成器 - 图标+文字组合设计
选择简约图标库，搭配字体与颜色，导出PNG简易Logo。
滑动下划线动画生成器 - 菜单悬停特效CSS
配置下划线从中间或一侧滑出的动画，生成无限菜单效果代码。
链接下划线样式生成器 - 悬停动画
配置不同的下划线出现、消失动画（从中间、左侧等），生成链接美化CSS。
文字情绪板生成器 - 关键词配色与排版
输入代表情绪的关键词，自动匹配配色方案和字体样式，生成情绪板卡片。
CSS动画生成器 - Keyframes可视化创建
在线CSS动画代码生成工具，可视化定义关键帧、持续时间、缓动函数等，生成@keyframes动画CSS。
颜文字表情拼装器 - 拖拽部件生成Kaomoji
从眉毛、眼睛、嘴巴等部件中拖拽组合，生成独一无二的日式颜文字表情，一键复制。
画中画文档演示 - Document Picture-in-Picture API
打开一个始终置顶的小窗口，在其中显示自定义内容（例如笔记/时钟），实验新API。
简易填字游戏创作器 - 单词排布自动生成
提供一组单词与提示，自动生成纵横交错的最优填字布局，导出为图片或HTML。
会议室预约看板 - 拖拽时段占用可视化
设置多个会议室与时间槽，团队拖拽预约释放可视冲突，本地存储协同简易。
ESLint 禁用注释生成器 - 快速生成忽略规则注释
勾选需要临时禁用的 ESLint 规则，生成对应的 /* eslint-disable */ 注释语句。
Canvas噪点纹理生成 - 可下载背景图
通过Canvas生成不同粒度、颜色的噪点纹理图片，适合用作页面背景或叠加。
常用表单片段库 - 登录/注册/搜索等
预置多种常见表单（登录、联系、搜索）的HTML代码，点击即可复制并稍作修改。
全景声方位模拟 - 拖拽声源全向移动
使用Web Audio PannerNode，在头顶环绕拖拽一个声源，体验声音在空间的移动。