Markdown幻灯片生成 - 简易演示文稿
用Markdown分隔符分页,生成可在浏览器播放的简易HTML幻灯片。
UD5工具箱
---(三个短横线)、***(三个星号)或 ___(三个下划线)作为幻灯片分隔符。注意分隔符必须单独占一行,前后不要有其他内容。代码块内的分隔符不会被识别,请放心使用。
用Markdown分隔符分页,生成可在浏览器播放的简易HTML幻灯片。
将Markdown文本即时转换为HTML代码,实时预览样式,直接复制HTML用于网站发布。
左侧输入Markdown,右侧实时渲染,支持导出HTML/PDF。
在线Markdown编辑器,支持实时预览、语法高亮,快速编写和渲染Markdown文档,纯前端解析。
拖拽添加图片与文字,生成响应式轮播图Slider,支持自动播放和导航点,提供HTML/CSS/JS代码。
左侧编写Markdown笔记,右侧可手绘涂鸦,将两者结合保存为快照或HTML备忘。
输入 Emmet 缩写,实时显示展开后的 HTML 结构,学习高级 Emmet 技巧。
输入代表情绪的关键词,自动匹配配色方案和字体样式,生成情绪板卡片。
通过组合Soebel边缘与亮度反转,将照片处理为精细的黑白铅笔素描效果。
输入最小/最大字体大小和视口范围,生成精确的 clamp() 值及回退方案。
输入最小视口和最大视口下的字号,生成利用clamp()的流畅缩放字体规则。
勾选需要临时禁用的 ESLint 规则,生成对应的 /* eslint-disable */ 注释语句。
提供一组单词与提示,自动生成纵横交错的最优填字布局,导出为图片或HTML。
将HTML标记转换为Pug(原Jade)的缩进语法模板,去除尖括号,让模板开发更快速。
在时间轴上拖拽添加属性关键帧,实时预览动画并生成 @keyframes 代码。
选择简约图标库,搭配字体与颜色,导出PNG简易Logo。
选择扩展类型(弹出、内容脚本、后台),生成完整的项目文件和 manifest.json。
输入文字,选择闪烁、打字、彩虹等动态效果,生成文字动画GIF。
配置字体、颜色、背景,生成可粘贴到浏览器控制台的%c格式化日志代码。
上传照片,通过边缘检测和纹理叠加转换为逼真的铅笔素描风格图片,可调节线条密度。
上传序列帧图片,合成spritesheet并生成对应CSS steps()帧动画代码。
在时间轴上拖拽一个元素的位置和样式,自动录制并生成对应的CSS @keyframes动画代码。
预置多种常见表单(登录、联系、搜索)的HTML代码,点击即可复制并稍作修改。
上传正面照,简单亮度阈值提取剪影,可下载PNG。
随机组合种族、职业、性格、秘密和过往事件,创造丰富的虚构角色背景。
上传图片,调节块大小,生成马赛克风格图片,可下载。
拖拽文本框、下拉框、单选复选等元素,排列组成表单,导出整洁的HTML表单结构代码。
拖拽添加状态和转换,定义事件和动作,生成 JavaScript 状态机代码。
在线CSS动画代码生成工具,可视化定义关键帧、持续时间、缓动函数等,生成@keyframes动画CSS。
上传图片随意摆放、缩放、旋转,创建个人愿景或情绪板。