Presently
A web-based presentation tool built with Lively. Write your slides in Markdown, present them in the browser, and control everything from a separate presenter display.

Features
- Markdown slides with YAML frontmatter for metadata and template selection.
- Presenter display with current slide, next slide preview, notes, and timing.
- Real-time sync between display and presenter via WebSockets.
- Code highlighting with @socketry/syntax, including animated focus regions for code walkthroughs.
- Multiple templates — title, section, two-column, code, translation, image, and default.
- Timing and pacing — per-slide duration metadata with elapsed/remaining time and pacing indicators.
- Full-screen support — press
Fon the display view. - Keyboard navigation — arrow keys, space, Page Up/Down.
Usage
Please browse the source code index or refer to the guides below.
Getting Started
This guide explains how to use presently to create and deliver web-based presentations using Markdown slides.
Animating Slides
This guide explains how to animate content within slides using the morph transition and the slide scripting system.
Releases
Please browse the releases for more details.
v0.6.0
- Add
bake presently:slides:speakerstask to print a timing breakdown grouped by speaker. Each speaker's slides are listed in presentation order with individual and total durations, making it easy to balance talk time in multi-speaker presentations. Slides without aspeakerkey are grouped under(no speaker).
v0.5.0
- Add optional
speakerfront matter key to slides. When present, the current speaker's name is shown in the timing bar. If the next slide has a different speaker, a handoff indicator (e.g.→ Next Speaker) is shown alongside, giving presenters an at-a-glance cue for tag-team talks.
v0.4.0
- Add
bake presently:slides:notestask to extract all presenter notes into a single Markdown document, with each slide's file path as a heading. Useful for reviewing or sharing speaker notes outside of the presentation. - Presenter notes are now kept as a Markdown AST internally and rendered to HTML on demand, so the notes you write are faithfully round-tripped rather than converted to HTML at parse time.
v0.3.0
- Add
diagramtemplate with aposition: relativecontainer — direct<div>children areposition: absoluteby default for free-form layouts. - All slide templates now have
position: relativeon the slide inner container, allowing absolutely positioned overlays in any template. - Add slide scripting: a fenced
```javascript ```block at the end of presenter notes is extracted and executed in the browser after each slide renders. The script receives aslideobject scoped to the slide body. - Add
Slide#find(selector)— a pure CSS selector query returning aSlideElementscollection with no side effects. - Add
SlideElements#build(n, options)— shows the firstnmatched elements, hides the rest, and assignsview-transition-namefor morph transition matching. Acceptsgroup(name prefix) andeffect(entry animation) options. - Add build effects via
view-transition-class:fade,fly-left,fly-right,fly-up,fly-down,scale. Requires Chromium 125+; degrades gracefully to instant appear in other browsers. - Rename
magic-movetransition tomorph. - Italic text in presenter notes is styled in amber to distinguish stage directions from spoken words.
- Add transitions guide and animating slides guide to documentation.
v0.2.0
- Use Markly's native front matter parser (
Markly::FRONT_MATTER) instead of manual string splitting, parsing each slide document once and extracting front matter directly from the AST. - Use the last
---hrule in the AST as the presenter notes separator, so earlier---dividers in slide content are preserved correctly. - Add support for Mermaid diagrams in slides.
v0.1.0
- Initial release.
- Slide files are Markdown with YAML front matter for metadata (
template,duration,title,skip,marker,transition,focus). - Slide content is split into named sections by top-level headings, rendered to HTML via Markly.
- Presenter notes are separated from slide content by a
---divider. - Magic move transitions between slides.
- Navigation control in the presenter view.
- Code highlighting with line-range focus support.
- Live state synchronisation between display and presenter views over WebSockets.
See Also
Contributing
We welcome contributions to this project.
- Fork it.
- Create your feature branch (
git checkout -b my-new-feature). - Commit your changes (
git commit -am 'Add some feature'). - Push to the branch (
git push origin my-new-feature). - Create new Pull Request.
Running Tests
To run the test suite:
bundle exec sus
Making Releases
To make a new release:
bundle exec bake gem:release:patch # or minor or major
Developer Certificate of Origin
In order to protect users of this project, we require all contributors to comply with the Developer Certificate of Origin. This ensures that all contributions are properly licensed and attributed.
Community Guidelines
This project is best served by a collaborative and respectful environment. Treat each other professionally, respect differing viewpoints, and engage constructively. Harassment, discrimination, or harmful behavior is not tolerated. Communicate clearly, listen actively, and support one another. If any issues arise, please inform the project maintainers.