openclaw-slides

🎞️ 零依赖动画幻灯片,浏览器即舞台

设计榜 #47

零依赖浏览器原生HTML演示工具,支持12种预设风格与PPT转换,单文件离线运行,内置键盘/触屏导航与滚动触发动画。

收藏
18.3k
安装
3.8k
版本
1.0.2
CLS 安全扫描中
预计需要 3 分钟...

使用说明

核心功能

OpenClaw Slides 是一款浏览器原生演示生成工具,无需 npm、构建工具或任何外部框架,输出单文件 HTML 即可离线运行。核心能力分为三模式:新建演示(Mode A)从零构建动画丰富的幻灯片;PPT 转换(Mode B)提取 .ppt/.pptx 内容并重新渲染为网页幻灯片;增强现有(Mode C)读取并优化已有 HTML 演示。

显著优点

  • 零依赖架构:单 HTML 文件包含全部 CSS/JS,10 年后仍可渲染
  • 12 种策展风格:Bold Signal、Neon Cyber、Swiss Modern、Paper & Ink 等,每套风格含独立字体组合(Clash Display、Cormorant 等)与氛围配色
  • 响应式视口强制适配:每页严格限制内容密度(标题+4-6 bullet 或 8-10 行代码),CSS clamp() 实现全尺寸流体排版,禁止页内滚动
  • 多模态导航:键盘方向键/空格、触屏滑动、鼠标滚轮、导航圆点跳转
  • 可选内联编辑contenteditable 模式支持浏览器内实时修改,自动持久化至 localStorage
  • Pillow 图像处理:本地圆形裁切、尺寸优化,图像不上传云端

潜在局限

  • 内容容量硬性上限:复杂信息需拆分为多页,不适合超长文档单页展示
  • 动画复杂度受限:Intersection Observer + CSS 动画,无法实现 After Effects 级动效
  • Python 依赖:PPT 转换需 python-pptx 与 Pillow,非 Python 环境需额外配置
  • 浏览器兼容性:较旧浏览器可能不支持 dvhscroll-snap 等现代特性

适合人群

创业者路演、技术分享、教育培训、设计提案、开发者文档演示,尤其重视离线可用性轻量部署的用户。

常规风险

  • CSS 误用风险~ 兄弟选择器在 pointer-events: none 场景下失效,已强制要求改用 JS 延时方案
  • 图像路径管理:需确保处理后的图像以相对路径引用,避免 base64 膨胀
  • 编辑模式冲突:需过滤 contenteditable 激活状态下的快捷键,防止导航与编辑指令冲突
  • PPT 解析限制:复杂 SmartArt、图表动画、母版样式可能无法完整保留,需人工复核结构

openclaw-slides 内容

references文件夹
手动下载zip · 23.0 kB
STYLE_PRESETS.mdtext/markdown
请选择文件