Unleash your creativity with presentations like never before! FlutterShow⚡️ is an easy-to-use framework built in Flutter
for crafting engaging and interactive presentations.
Full documentation 📄 showcasing all slides and code snippets to speed up your development time available here: https://flutter-show-docs.vercel.app/#/
Feel free to either fork or clone the repo, whatever you prefer.
Select branch main
for latest stable version.
Select latest release branch release/1.2.0
for newest features.
# (Optional) Checkout release branch for newest features
$ git checkout release/1.2.0
# Get dependencies
$ flutter pub get
# If language files were not generated
$ flutter pub run intl_utils:generate
# (Optional) If you want to run it on macOS
$ cd macos && pod install && cd ..
# Run the app (for example on macOS) OR use the pre-built `launch.json`
$ flutter run -d macos
When you first explore the project, you'll find some sample slides that demonstrate how slides are built in this project.
You have the option to use these as templates or completely discard them to begin anew.
🚨Check out this guide to create your first slide🚨 -> https://flutter-show-docs.vercel.app/docs/quick_start
Once the application is running, use the M key to open the Menu!
FlutterShow consists of two main packages: fluttershow_base
and fluttershow_keynote
:
- fluttershow_base contains most of the pre-built widgets that are used in
fluttershow_keynote
, but can also be used to make custom slides. - fluttershow_keynote is currently the default package and implements all basic slides with variations of the popular presentation software Keynote.
- FlutterShow⚡️ uses riverpod hooks for state management, providing a simple and quick experience for managing your state.
- FlutterShow⚡️ is designed to be easily expandable and customizable according to your preferences. You can switch libraries like
intl
toeasy_localizations
or usefluttergen
for asset organization.
Any more questions?
Check the docs 📄: https://flutter-show-docs.vercel.app/#/
Or ask them in our discord 🗣️: https://discord.gg/xC6wtbzZnP
The Menu (Open using M key): Toggle dark/light mode depending on the location you are presenting at or quickly jump between your slides.
Most slides and prebuilt widgets can be animated for a smoother experience. Simply pass an animationIndex
parameter to enable animation on the desired slide or widget.
In addition to animating individual slides and widgets, you can also animate the transitions between slides. An example of slide transition animation can be found in lib/slides/03_motivation/view/motivation.dart
file.
Use the Code Display
to present your beautiful code:
You can easily rebind your keys for actions like navigating to the next or previous slide and opening the menu. Simply edit the actions in lib/presentation/config/key_actions.dart
.
Using the O key the mouse cursor can be hidden or shown again. Optionally it is possible to set a custom cursor as it can be seen here:
Talk | Speaker | Link | Version used |
---|---|---|---|
Comparing ways of accessing native functionality | Lucas Goldner | Watch | Beta |
Introdução ao Flutter | Jessica Pereira | Watch | 1.0 |
Want to talk to us?
Main author:
Lucas Goldner
Team: