Skip to content
CISSSCOPublic

About

Turn Org-mode files into beautiful web presentations

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Latest commit

 

History

28 Commits

Folders and files

Repository files navigation

OrgSlide

OrgSlide

OrgSlide is a beautiful, single-file HTML presentation engine for Emacs Org-mode files. It runs entirely in the browser—no backend, no database, no complex build steps required. Simply drag and drop your .org file into the browser, and watch it instantly transform into a sleek, interactive, PowerPoint-style presentation.

Developed by Cisco Ramon.

Features

  • Zero Dependencies: Everything (HTML, CSS, JS) is bundled without needing a backend.
  • Client-Side Parsing: Completely private. Your files are parsed locally using the HTML5 FileReader API.
  • Interactive Mindmap & Outline Views: Press `Alt + .` to open a multi-view Table of Contents. Features an infinite canvas, pinch-to-zoom, native touch gestures, and 5 distinct layouts (Tree, List, Details, Cards, Reveal.js-style Overview).
  • Light & Dark Themes: Toggle seamlessly between a clean light mode and a deep, glassmorphic dark mode.
  • Code Block Superpowers: Beautiful syntax highlighting, single-click copy buttons, fullscreen toggle, and on-the-fly font size adjustment (+=/-=/=↺=).
  • Intelligent Navigation: Clickable breadcrumb trees, a redesigned footer with quick-navigation SVGs, and a Jump to Page shortcut.
  • Keyboard Driven: Navigate smoothly without touching the mouse.

Keyboard Shortcuts

OrgSlide is designed to avoid conflicts with browser extensions like Vimium.

ShortcutAction
Alt + JNext Slide
Alt + KPrevious Slide
Alt + .Open Interactive Table of Contents (Tree/Overview)
Alt + GGo to Slide
Alt + EEdit Social Links (Footer Icons)
+ / - / 0Zoom In/Out/Fit (in TOC) or Adjust Code Font Size
Home / EndFirst / Last Slide
Alt + ?Open Help Menu
EscapeClose Modals / Exit Fullscreen Code

How to Use

The easiest way to use OrgSlide is directly from the web—no installation required!

  1. Visit the live app at: https://cisssco.github.io/OrgSlide/
  2. Click the Load Org File button (or drag and drop your .org file onto the page).
  3. Your presentation will instantly render and you’re ready to present!

If you prefer to run it locally, simply clone the repository and open index.html in any web browser.

License

This project is licensed under the MIT License - feel free to use, modify, and distribute it!

About

Turn Org-mode files into beautiful web presentations

Topics

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages