🎯ReactSlides

Start building your first story
in under a minute.

Install the library, generate a deck, and render it with React.

npx @reactslides/cli create my-presentation

How it works

1

Describe intent

You write what story you want to tell — not slides.

2

AI generates structure

AI creates narrative flow, layout, and pacing.

3

You refine with React

Slides are components. You own the final result.

What you can build

Story & Structure

  • 📝Narrative-aware generation
  • 📊Sectioning and pacing
  • 🔄AI-assisted iteration

Web-Native Slides

  • ⚛️React components as slides
  • 🎨SVG, Canvas, WebGL support
  • 🎮State-driven interaction

Developer Control

  • 🪝Hooks and lifecycle access
  • 🔧Custom renderers
  • 🚪Full escape hatches

Documentation

Start Here

📖

Introduction

2 min

What ReactSlides is and why it exists

⚙️

Installation

3 min

Set up your development environment

🚀

First Deck

5 min

Create your first presentation in 5 minutes

🎨

Rendering Slides

4 min

How slides are structured and rendered

🤖

Writing AI Prompts

6 min

Get the best results from AI generation

Go Deeper

🏗️

Architecture Overview

8 min

Core concepts and design decisions

⚛️

React API Reference

15 min

Complete component and hook documentation

✨

Animation System

10 min

Fragments, transitions, and motion

⚡

Performance

7 min

Optimization techniques and best practices

🔧

Advanced Patterns

12 min

Custom renderers and escape hatches

Marketplace

Download and remix story-driven slide templates.

💼
Pitch

Startup Pitch

Persuade investors with a compelling narrative

🎤
Talk

Tech Conference

Share knowledge with code examples and diagrams

📊
Report

Business Report

Present data with clarity and impact

🎓
Lesson

Interactive Workshop

Teach concepts with progressive reveals

Ready to build your first story?

Start a new deck