Skip to content
Flutter desktop project for making a slide show. As featured at Flutter Live '18.
Branch: master
Clone or download
KevinTheGray Merge pull request #7 from flutter/kg-README-update
updated README information for version information
Latest commit 39f68dc Mar 29, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
example_presentation initial commit Jan 11, 2019
flutter_app updated import paths Jan 14, 2019
macos fixed the space one more time Mar 24, 2019
.gitignore initial commit Jan 11, 2019 updated README information for versions Mar 28, 2019

Flutter Slides

Flutter Slides utilizes Flutter Desktop Embedding to provide a simple slide presentation app. Presentations are data driven from files on the disk, so users can create their own presentations without needing to update any code in the project.

For more details on the presentation file structure, animations, content types, and exporting and sharing a presentation, see the wiki page.



  • Supports any properly formatted presentation. See the wiki for details on the file format.
  • Live updates when presentation file is updated and saved
  • Advancement steps
  • Reveal animations
  • Custom Flutter content (requires code changes)

Getting Started

Currently only macOS is supported.



  • XCode 10 or higher
  • Flutter tracking a recent version, preferably the Master branch (Why?)

Flutter Desktop Embedding is constantly evolving, and you may need to tinker with your FDE checkout or Flutter version to get it running. Please see the FDE repo for further information.

As of March 28th, 2019

  • Last FDE commit working on the Flutter stable branch (1.2.1): 306773e
  • Flutter checkout required for the most recent version of FDE(currently 1ca25dc): dd23be3

Setting Up

The tooling and build infrastructure for this project requires that you have a Flutter tree and Flutter Desktop Embedding in the same parent directory as the clone of this project:

<parent dir>
  ├─ flutter (from
  ├─ flutter-desktop-embedding (from
  └─ flutter_slides (from

Alternately, you can place a .flutter_location_config file in the directory containing flutter-desktop-embedding, containing a path to the Flutter tree to use, if you prefer not to have the Flutter tree next to flutter-desktop-embedding.


Open FlutterSlides.xcodeproj under macos, and build and run the Flutter Slides target. If you happen to get a build error on your first run, try cleaning and running again.

Once it's running, you can open the file flutter_live.json in the example_presentation folder of the root of the project as a sample.

Running the app

  1. Go to File -> Open (or tap the Open button if it is visible)
  2. Select a Flutter Slides file. An example is supplied with flutter_live.json in the example_presentation folder located in the root of the project. The next time you run the app, it will automatically attempt to open this file.
  3. Use the controls listed below to navigate through the app.

To advance:

  • right arrow
  • or, spacebar

To go back:

  • left arrow

To toggle slide selector sidebar:

  • ] to show
  • [ to hide

To change to a new slide in sidebar:

  • z + click on the slide

To present fullscreen

  • cmd + ctl + F
  • or, select the green "full screen" button in the upper left of the window

To leave fullscreen

  • cmd + ctl + F
  • or, move your cursor to the top of the screen and tap the green button in upper left
You can’t perform that action at this time.