Skip to content
react-slides
Search
Ctrl
K
Cancel
Select theme
Dark
Light
Auto
Guide
Getting Started
Core Concepts
Writing Slides
Components
Themes
Deployment
Docs
cli
@react-slides/cli
commands
react-slides build
react-slides dev
react-slides export
react-slides init
react-slides preview
Configuration
components
@react-slides/components
layouts
<CenteredLayout>
<SectionLayout>
<SplitLayout>
<StackLayout>
<TitleLayout>
<TwoColumnLayout>
overlays
<ProgressBar>
<SlideFooter>
<SlideHeader>
plugin-mermaid
@react-slides/plugin-mermaid
components
<MermaidAdapter>
plugin-motion
@react-slides/plugin-motion
components
<MotionDiagramRegion>
<MotionFragment>
Types
plugin-shiki
@react-slides/plugin-shiki
hooks
useShikiHighlighter()
Types
themes
@react-slides/themes
Built-in themes
components
<ThemeProvider>
hooks
useTheme()
Types
viewer
@react-slides/viewer
components
<OverviewGrid>
<PresentationViewer>
<SlideFrame>
<SpeakerView>
controls
hashRouter()
keyboard()
remoteControl()
touch()
hooks
useFullscreen()
useViewport()
plugins
autoplay()
presenterMode()
Examples
Basic Presentation
Code Stepper
Diagram Stepper
Motion
Themed
Select theme
Dark
Light
Auto
@react-slides/plugin-mermaid
Terminal window
pnpm
add
@react-slides/plugin-mermaid
mermaid
Mermaid diagrams wired into DiagramStepper.
Reference
Components
MermaidAdapter