Skip to content

xyflow/react-flow-slide-show

Repository files navigation

React Flow Slide Show

This repo contains a small slide show presentation built with React Flow. Go check out the tutorial if you want to build your own from scratch!

A screencapture of someone clicking arrow keys on a series of slides, which lets them navigate up, down, left, and right between them

Features of the presentation include:

  • Write slides in markdown.
  • Navigate between slides with arrow keys.
  • Automatically lay out slides in a grid.

The tutorial covers React Flow topics including:

  • Setting up a React Flow project from scratch
  • Writing your own layouting algorithm
  • Using events on the <ReactFlow /> component to add global interactivity.

Development

This app was built using Vite for development.

Installation

Before you start, you need to install the dependencies:

npm install

Spin up a dev server

npm run dev

Build

npm run build