1weiho

open-slide: Build Agent-Authored React Presentations

open-slide is a TypeScript framework built on React that turns coding-agent-written components into presentations on a fixed 1920 × 1080 canvas. It handles preview, navigation, presenting, and exports, so agents can focus on slide content.

ActiveTypeScriptMITReactFrameworkCoding Agent
Stars
9.4k
Forks
677
Stars, last 30 days
+553
Last commit
today
Contributors
25

Our take

Activeregular commits and releases

Health score

66/100

How it is scored
Activity
87
Community
49
Issues
48
Pull requests
79

+553 stars in the last 30 days

  • Releases more often than 90% of the projects we track
  • Merges more pull requests than 86% of the projects we track

This is an actively maintained, early-stage React presentation framework with a clear agent-driven workflow and a broad feature set for authoring, presenting, and exporting decks.

Good fit if

  • You want a coding agent to create or revise slides as React code on a fixed canvas.
  • You need browser-based feedback and presentation tools, or exports to HTML, PDF, and PPTX.
  • You can work in a Node.js environment and want a static-build deployment path.

Look elsewhere if

  • You need a project with an established automated test suite, which the repository does not report.
  • Your workflow depends on a slide format or editing model other than React components and the fixed canvas.
  • You need a framework that does not rely on coding-agent workflows for its authoring features.
All health signals
Last commit2026-10-23 (today)
Commits, last 90 days100+
Releases, last 12 months76 (latest @open-slide/core@2.3.1, 2026-10-23)
Contributors25 (top contributor: 73% of commits)
Issues closed, last 90 days4+ (typically closed in 8 days)
Pull requests merged, last 90 days79 (typically merged in 0 days)
Project age6 months

Checked on 2026-10-24 with the GitHub API.

Project history

Daily GitHub snapshots since Oct 7, 2026. History covers stars and forks; health signals are not tracked historically.

Selected snapshot

Stars

9,736

Forks

718

Change since Nov 10, 2026: +17 stars·+6 forks

Overview

open-slide is a TypeScript slide framework built on React. It gives coding agents a runtime for turning natural-language deck requests into React components, while handling the canvas, scaling, navigation, hot reload, and presentation mode. Slides use a fixed 1920 × 1080 canvas, but each page is an ordinary React component rather than a constrained slide DSL.

It is aimed at people who create presentations with coding agents such as Claude Code, Codex, or Cursor, and want to iterate in a browser before presenting. Its output can be built as static HTML for deployment to Vercel, Cloudflare Pages, Netlify, or another static host.

Key Features

  • Scaffolds a workspace with agent skills for drafting decks and following the slide authoring rules.
  • Provides a browser inspector where comments can be attached to elements or regions and then applied through an agent workflow.
  • Offers an in-app panel for connecting Claude Code or Codex to draft decks and edit selected elements.
  • Includes an asset manager for images, videos, and fonts, plus logo search through the svgl catalogue.
  • Supports fullscreen presenting, keyboard navigation, speaker notes, a current/next slide view, and a timer.
  • Exports decks to static HTML, PDF, and editable PPTX, with PPTX generation running in the browser.
  • Organizes decks into folders with custom emoji and drag-and-drop reordering.

Use Cases

  • A designer or founder can ask a coding agent to draft a pitch or product deck, then refine individual elements in the browser.
  • A developer can build technical presentations directly as React components when a conventional slide editor is too restrictive.
  • A presenter can use speaker notes, a next-slide preview, and a timer during a live talk.
  • A team can export a deck as static HTML or PDF for sharing, or as PPTX when further editing in PowerPoint is needed.

What you need

Detected in the repository

  • Node.js (from package.json)
  • Automated checks on GitHub Actions

License in plain words

MITpermissive

  • Commercial use: yes
  • Modify and redistribute: yes
  • You must keep: the copyright and license notice
  • Share your changes: no

A summary, not legal advice: the LICENSE file is what applies.

Getting Started

npx @open-slide/cli init my-slide
cd my-slide
pnpm dev

See the README for setup and development details.

Considerations

The project is young, but its recent activity is strong: it has regular commits and releases, with contributions from multiple people and no measured contributor concentration. Issue handling is also active, though the repository still lists open issues. The repository reports no test suite, so teams should assess that gap before relying on it in a critical presentation pipeline. A Node.js runtime is required; the framework's agent panel also requires a locally installed Claude Code or Codex connection, while the terminal-driven workflow remains available without one.

Found this useful?

Share it with someone who would like open-slide.

Comparisons