🏗️

Architecture Overview

Estimated reading time: 8 min

Understand the core concepts and design decisions behind Narro.

Package Structure

bash
@reactslides/
├── core            # Main presentation library
├── shared-ui       # Reusable UI components
├── cli             # Command-line tools
├── mcp-server      # AI integration server
└── marketplace     # Themes and templates

Core Concepts

  • Slides as Components: Each slide is a React component
  • Declarative Navigation: Navigation is handled by the Presentation component
  • Fragment System: Progressive reveals using fragments
  • Theming: CSS variables and Tailwind classes for styling