Slides

@texuli/slides turns a validated deck of content blocks into a presentation: a keyboard-driven stage with reveal steps, slot masters, a presenter view and fullscreen, plus print and PPTX export and starter templates. The package is private and in development; it is not published to npm.

Try the deck

A live DeckStage. Click a slide, then use the keyboard. It follows this site's light or dark mode, and slide and reveal motion cuts when you prefer reduced motion.

  • Right or Space: reveal the next step, then the next slide
  • Left: hide the newest step, then the previous slide
  • P: presenter view with speaker notes and step progress
  • O: overview of slide titles
  • F: fullscreen (or the whole window, with a note, when the browser has no fullscreen)
  • Escape: close the overview, fullscreen, then the presenter view

Loading example…

Open the slides tour example with its source

Starter templates

createDeckFromTemplate builds each starter deck. The previews below are not interactive; open an example to present it.

  • Report

    Summary, key numbers, a trend, risks and next steps.

    Scroll to load this example.

    Open the report template

  • Pitch

    Problem, solution, traction, a customer quote and the ask.

    Scroll to load this example.

    Open the pitch template

  • Review

    Goals, what shipped, a demo, numbers and next work.

    Scroll to load this example.

    Open the review template

More examples

  • Reveal steps: A slide paused at step 2 of 4: list items, a strike and a hidden callout.
  • Presenter screen: Speaker notes with the step progress and the next step, timer-free.
  • Slot masters: Title and closing footers, two columns, a quote and its attribution, as print pages.
  • Media deck: Media regions with a figure, an image and a gallery, as print pages.

The slide deck showcase screen is a static mock-up built from Texuli cards and buttons, not from @texuli/slides.

What ships

  • A deck model with closed vocabularies, validation that never throws, and agent decks checked by validateDeckDraft.
  • Reveal steps on blocks, list items and code highlights.
  • Slot masters: top-level dividers split blocks into a master's named slots.
  • A presenter view, and a presenter screen in a second window of the same browser, linked over BroadcastChannel with no server.
  • Fullscreen with a visible window-filling fallback.
  • Print to PDF through the browser, and a local PPTX export of text, bullets and notes.

Planned

  • A presenter screen on another device.
  • A next-slide thumbnail and a wall clock in the presenter view.
  • A tool-side PDF exporter and deck video.

Package docs

The site does not render the package docs yet. Read them in the repository:

  • packages/slides/README.md: Status, usage and checks
  • packages/slides/docs/model.md: Deck model, slot masters, reveal steps
  • packages/slides/docs/grammar.md: Catalog encodings and agent decks
  • packages/slides/docs/stage.md: Stage, keyboard, fullscreen, presenter screen
  • packages/slides/docs/export.md: Print, PDF and PPTX export
  • packages/slides/docs/templates.md: Starter templates
  • packages/slides/docs/styles.md: Stylesheet hooks and states