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
SlideContext
React context for the current slide. Prefer
useSlide()
in components.