Markdown 幻灯片生成器 - 极简写作一键放映
使用双栏Markdown编写大纲,左侧编辑右侧全屏预览演示,支持键盘导航和PDF导出。
UD5工具箱
输入 Markdown 内容后将在此显示幻灯片预览
---)将内容分成多张幻灯片,即可快速生成结构清晰、样式美观的演示文稿,无需使用 PowerPoint 或 Keynote 等复杂工具。---(独占一行)作为幻灯片分隔符。也支持 *** 和 ___。每两个分隔符之间的内容即为一张独立的幻灯片。建议分隔符前后各留一个空行,使源文件更易阅读。使用双栏Markdown编写大纲,左侧编辑右侧全屏预览演示,支持键盘导航和PDF导出。
将Markdown文本即时转换为HTML代码,实时预览样式,直接复制HTML用于网站发布。
拖拽添加图片与文字,生成响应式轮播图Slider,支持自动播放和导航点,提供HTML/CSS/JS代码。
左侧输入Markdown,右侧实时渲染,支持导出HTML/PDF。
在线Markdown编辑器,支持实时预览、语法高亮,快速编写和渲染Markdown文档,纯前端解析。
配置字体、颜色、背景,生成可粘贴到浏览器控制台的%c格式化日志代码。
将HTML标记转换为Pug(原Jade)的缩进语法模板,去除尖括号,让模板开发更快速。
输入最小视口和最大视口下的字号,生成利用clamp()的流畅缩放字体规则。
展示一些常用内置HTML元素和自定义元素例子,提供代码复制。
在单页内模拟MPA过渡效果,自定义进场/出场动画,体验View Transitions API丝滑切换。
输入文字,选择闪烁、打字、彩虹等动态效果,生成文字动画GIF。
拖拽文本框、下拉框、单选复选等元素,排列组成表单,导出整洁的HTML表单结构代码。
选择简约图标库,搭配字体与颜色,导出PNG简易Logo。
配置下划线从中间或一侧滑出的动画,生成无限菜单效果代码。
配置不同的下划线出现、消失动画(从中间、左侧等),生成链接美化CSS。
在线CSS动画代码生成工具,可视化定义关键帧、持续时间、缓动函数等,生成@keyframes动画CSS。
从眉毛、眼睛、嘴巴等部件中拖拽组合,生成独一无二的日式颜文字表情,一键复制。
打开一个始终置顶的小窗口,在其中显示自定义内容(例如笔记/时钟),实验新API。
提供一组单词与提示,自动生成纵横交错的最优填字布局,导出为图片或HTML。
设置多个会议室与时间槽,团队拖拽预约释放可视冲突,本地存储协同简易。
通过Canvas生成不同粒度、颜色的噪点纹理图片,适合用作页面背景或叠加。
预置多种常见表单(登录、联系、搜索)的HTML代码,点击即可复制并稍作修改。
使用Web Audio PannerNode,在头顶环绕拖拽一个声源,体验声音在空间的移动。
设置总页数与当前页,生成数字式或省略式分页导航条。
用WebGL或Three.js(轻量版)展示一条旋转的莫比乌斯带,可用鼠标拖拽视角。
将两到三张有重叠的手持照片拖入,手动寻找重叠区域自动混合为宽幅全景图。
选择核心颜色(如黑、白、燕麦),自动推荐并可视化极简衣橱的搭配方案。
提供一份涵盖性能、安全、备份、监控等上线前检查清单,可自定义勾选。
利用 `:target` 伪类创建无需JavaScript的弹窗组件,支持关闭按钮和遮罩层。
选择标题和正文的网络字体或系统字体,即时预览搭配效果。