reveal.js
v5.1.0 · 68k+ GitHub Stars
最成熟的 HTML 簡報框架。功能齊全、社群龐大、CDN 直接引用。支援 Markdown、Auto-Animate、PDF 匯出、程式碼高亮、LaTeX 數學公式。
優點
- 功能最完整,外掛生態豐富
- CDN 引用,不需 build
- 切換動畫流暢,支援多種 transition
- 支援垂直投影片(二維導航)
- 鍵盤導航 + 總覽模式 (ESC)
缺點
- HTML 結構稍複雜
- 預設主題較老派(需自訂 CSS)
查看 Demo
impress.js
v2.0.0 · 37k+ GitHub Stars
靈感來自 Prezi 的 3D 空間簡報框架。每張投影片可以旋轉、平移、縮放,在 3D 空間中自由飛行。視覺效果非常炫。
優點
- 3D 空間切換,視覺衝擊力強
- 每張投影片獨立定位、旋轉、縮放
- 純靜態,CDN 引用
- 適合演講、展示型簡報
缺點
- 內容多時容易頭暈
- 佈局需要手動計算座標
- 沒有內建 Markdown / 程式碼高亮
- 不適合密集內容的學術簡報
查看 Demo
WebSlides
v1.5.0 · 6k+ GitHub Stars
簡潔優雅的簡報框架,類似 Apple Keynote 風格。上手最簡單,HTML 結構直覺。適合乾淨的內容展示。
優點
- 上手最簡單,結構直覺
- Apple Keynote 風格,乾淨優雅
- 垂直滾動切換,像翻頁一樣
- CDN 引用,純靜態
缺點
- 功能較少,沒有程式碼高亮
- 不支援 Markdown
- 維護不太活躍
- 切換動畫較單一
查看 Demo