OpenPresentation -- Presentation Tool¶
OpenPresentation is a super simple, free presentation tool that runs entirely in your browser. Built with vanilla JavaScript as part of the OpenSuite project, OpenPresentation makes it easy to create and present slides -- no sign-up, no installation, no complicated software. Just open it and start building your presentation.
Feature Overview¶
Slide Management¶
- Add slides: Create new slides from the panel or menu
- Duplicate slides: Clone an existing slide with all its elements
- Delete slides: Remove slides you no longer need
- Reorder slides: Drag and drop thumbnails in the slide panel
- Slide layouts: Title, Title + Content, Two Column, Section, Title Only, Blank
Element Types¶
OpenPresentation supports four types of slide elements:
- Text Boxes: Rich text with font, size, color, alignment, bold, italic, underline, lists
- Images: Insert from URL (embedded directly in the presentation)
- Shapes: Rectangle, rounded rectangle, circle, triangle, diamond, star, arrows, pentagon, hexagon
- Tables: Configurable rows and columns with editable cells and header styling. Double-click to edit cell content.
Editing¶
- Select: Click an element to select it
- Move: Drag elements to reposition them
- Resize: Use the 8 resize handles (corners and edges)
- Edit text: Double-click a text box or table to edit its content
- Delete: Press Delete or use the toolbar button (for tables: click once to select, then Delete)
- Copy/Paste: Ctrl+C to copy, Ctrl+V to paste elements
- Z-order: Bring to front or send to back
Formatting¶
- Font family: Arial, Times New Roman, Courier New, Verdana, Georgia, Trebuchet MS, Tahoma, Impact, Montserrat, Open Sans, Roboto, Lato, Poppins, Raleway, Playfair Display
- Font size: 12 to 96px
- Text formatting: Bold, italic, underline, strikethrough
- Text color: Full color picker
- Element fill: Background color for elements
- Slide background: Set per-slide background colors
- Text alignment: Left, center, right
- Lists: Bullet and numbered lists
Themes¶
OpenPresentation includes 15 built-in themes across four categories:
| Category | Themes |
|---|---|
| Professional | Modern Blue, Corporate Gray, Executive Dark, Clean White |
| Creative | Sunset Gradient, Neon Pop, Pastel Dream, Forest Green |
| Academic | Classic Serif, Minimal Scholar, Research Paper |
| Bold | Red Impact, Electric Purple, Midnight Gold, Ocean Teal |
Applying a theme updates the background, text colors, fonts, and accent colors across all slides. The theme intelligently detects titles (large text) vs body text and applies appropriate styling.
Theme Generator¶
Create your own custom themes with the built-in theme generator:
- Pick background, title, body, and accent colors using color pickers
- Choose title and body fonts from the dropdown
- See a live mini-preview update in real time
- Click Apply to apply to your presentation
- Click Save Theme to save for future use
Custom themes are stored in your browser's localStorage and appear alongside built-in themes in the theme picker.
Slide Transitions¶
Apply transitions between slides for presentation mode. Choose from 30 transition effects:
- Basic: Fade, Dissolve, Cut
- Directional: Slide Left/Right/Up/Down
- 3D: Flip Horizontal/Vertical, Cube Left/Right, Rotate Left/Right
- Zoom: Zoom In/Out, Zoom Rotate
- Creative: Swirl, Bounce, Flash, Blur, Wipe Left/Right/Up/Down
- Advanced: Split Horizontal/Vertical, Iris, Glitch, Morph, Curtain
Transitions can be applied to individual slides or all slides at once, with configurable duration (100-2000ms).
Presentation Mode¶
- From Beginning: Start slideshow from slide 1 (F5)
- From Current Slide: Start from the currently selected slide (Shift+F5)
- Navigation: Arrow keys, Space, Enter, Page Up/Down, Home, End
- Exit: Press Escape
- Fullscreen: Automatically enters fullscreen mode with proper scaling
Export¶
- HTML Slideshow: Export as a standalone HTML file with navigation and auto-scaling
- PDF: Export as PDF with landscape orientation (one slide per page) via the browser print dialog
Keyboard Shortcuts¶
| Shortcut | Action |
|---|---|
| Ctrl+N | New Slide |
| Ctrl+Z | Undo |
| Ctrl+Y | Redo |
| Ctrl+S | Save & Share |
| Ctrl+F | Find |
| Ctrl+P | |
| Ctrl+B | Bold |
| Ctrl+I | Italic |
| Ctrl+U | Underline |
| Ctrl+D | Duplicate Slide |
| Ctrl+C | Copy Element |
| Ctrl+V | Paste Element |
| Ctrl+= | Zoom In |
| Ctrl+- | Zoom Out |
| Delete | Delete Element |
| F5 | Present from Beginning |
| Shift+F5 | Present from Current Slide |
| Escape | Exit Presentation / Deselect |
| Arrow Keys | Move Element (1px, Shift for 10px) |
| Page Up/Down | Previous/Next Slide |
Storage & Sharing¶
OpenPresentation uses the same storage system as OpenSheets and OpenDocs:
- Browser storage: Your presentation auto-saves to localStorage every 2 seconds
- URL sharing: Click "Save & Share" to encode your presentation into a shareable URL (as a compressed base64 string)
- Independent workspaces: Each shared link recipient gets their own browser cache key
- No account needed: Everything runs in the browser
How Sharing Works¶
- Click File > Save & Share
- Your presentation is serialized, compressed, and encoded as a base64 string in the URL hash
- The URL is automatically copied to your clipboard
- Send the URL to anyone -- they can open it and see your presentation
- The recipient gets their own workspace and can edit independently
Save your share link
Your presentation is stored in your browser's localStorage. If you clear your browser data or switch to a different browser, your local copy will be lost. Always keep your share link -- it contains your complete presentation and serves as your backup. If you lose both your browser storage and your share link, your data cannot be recovered.
Menu Structure¶
File¶
New Presentation, Save & Share, Share Read-Only, Export as HTML Slideshow, Export as PDF, Print
Edit¶
Undo, Redo, Find
View¶
Zoom In/Out/Reset, Toggle Theme
Insert¶
Text Box, Image, Shape, Table, Link
Design¶
Themes, Theme Generator
Slide¶
New Slide, Duplicate Slide, Delete Slide, Slide Layout, Slide Transition
Slideshow¶
From Beginning, From Current Slide
Help¶
Keyboard Shortcuts, How-To Guide, About OpenPresentation