PresenterView
fancy-slidesSpeaker-only side view — current slide + next slide + notes + clock + timer.
Why
Presenters need a speaker-only view on a second monitor that keeps them in full control with speaker notes, preview of the next slide, and live timing metrics—without forcing them to see the same view as the audience. Without
PresenterView, speakers either see the public slide (losing notes and prep context) or must tab between disconnected speaker notes and the main presentation window.What
PresenterView is a controlled presentation driver that renders a dual-layout surface optimized for a second monitor: the current slide in a large left viewport, the next slide preview and speaker notes in a right sidebar, and a bottom status bar showing slide number, elapsed time, clock, and navigation buttons. It accepts a populated Deck object (with id, slides, and theme), supports both controlled (index + onIndexChange) and uncontrolled (defaultIndex) modes, respects the deck's theme aspect ratio and fonts, and sequences animated build steps so speakers can step through reveals on demand before moving to the next slide.How
Import
PresenterView from @particle-academy/fancy-slides, pass a Deck object as the deck prop, optionally bind index and onIndexChange for controlled state (or let defaultIndex initialize uncontrolled state), and handle onExit to return to editing or end presentation. Keyboard controls (arrow keys, Space, Esc, Home/End, B/F for fade/black) are wired automatically; use startedAt to reset the elapsed timer to a custom epoch, or omit it to capture mount time.