Skip to main content

Introduction

Welcome to BlockSlides - a ProseMirror powered slide authoring toolkit that provides the core building blocks, schema, and UI bindings needed to build interactive presentation editors.

What is BlockSlides?​

BlockSlides adapts the TipTap inspired architecture to support slide specific concepts such as rows, columns, and layout driven styling. It's designed from the ground up for building modern, interactive presentation editors.

Key Features​

Slide First Schema​

Built in slide, row, and column nodes with layout aware behaviors tailored specifically to deck authoring. Every document starts as a stack of slides.

Core Editor Runtime​

Powerful editor runtime exposed via @blockslides/core with full ProseMirror integration.

React Bindings​

Ready to use React bindings (@blockslides/react) for rapid prototyping and production applications.

Extension Kit​

A prebuilt extension kit (@blockslides/extension-kit) that exports a curated set of extensions including:

  • Slides, rows, and columns
  • Text blocks and formatting
  • Layout UI helpers
  • List support
  • And much more!

All extensions are enabled by default for quick setup.

Prerequisites​

  • Node.js 18.17 or higher
  • Basic knowledge of React and ProseMirror (helpful but not required)

Next Steps​

Ready to get started? Head over to the React Quick Start to create your first slide editor!