Markdown Slide Deck
Write markdown, press play, present full screen.
IntermediateWeb appDev tool10–20hAI-buildable 5/5no setupworth shipping
Split a markdown document on horizontal rules and render each chunk as a slide, with an editor on one side and a live preview on the other. Presenting mode goes full screen with keyboard navigation and a speaker view. Small enough to finish, useful enough to actually present with.
UI
Logic
Useful
Hosting · Free forever
Deploys free on GitHub Pages, Cloudflare Pages or Vercel Hobby.
Deploy it and share a link.
Core features · 7
- Markdown editor with a live slide preview beside it
- Slides split on a horizontal rule delimiter
- Presentation mode goes full screen
- Arrow keys and space navigate between slides
- A slide counter shows position in the deck
- The document persists across reloads
- Code blocks render with syntax highlighting
The interesting part
- Keeping editor scroll position roughly in sync with the previewed slide
- The Fullscreen API's inconsistent behaviour and exit handling
- Print styles that produce one slide per page
Once it works
- Add speaker notes with a separate presenter window
- Add theme switching for the deck
- Export to PDF via print styles
Suggested stack
reacttypescripttailwindreact-markdown