Reply

The 'Reply' Material Design case study built with Flutter.
Alternatives To Reply
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Flutter Neumorphic1,78722 months ago41November 11, 202176apache-2.0Dart
A complete, ready to use, Neumorphic ui kit for Flutter, 🕶️ dark mode compatible
Modal_bottom_sheet1,68056a day ago25January 28, 2023126mitDart
Flutter | Create advanced modal bottom sheets. Material, Cupertino or your own style
Flutter Music Player1,385
a year ago28apache-2.0Dart
Flutter Music Player - First Open Source Flutter based material design music player with audio plugin to play local music files.
Flutter_login1,365136 days ago30August 29, 202391mitDart
Provides login screen with login/signup functionalities to help speed up development
Material Components1,009
4 months ago56apache-2.0
Documentation and policies for Material Components (all platforms)
Material Components Flutter754
2 years ago10otherDart
Modular and customizable Material Design UI components for Flutter
Giffy_dialog647
1121 days ago12July 16, 20201mitDart
A Flutter package for a quick and handy giffy dialog.
Introviews Flutter595
252 years ago22June 13, 202112mitDart
☀️ A Flutter package for some material design app intro screens with some cool animations.
Rubber53572a month ago25July 05, 202130bsd-2-clauseDart
An elastic material bottom sheet implementation for Flutter.
Reply522
2 years ago4Dart
The 'Reply' Material Design case study built with Flutter.
Alternatives To Reply
Select To Compare


Alternative Project Comparisons
Readme

Reply ❤️ Flutter

Awesome Flutter

Reply is an email app that uses Material Design components and Material Theming to create an on-brand communication experience.

This project tries to deliver a pixel-perfect implementation of the Reply Material Design Case Study in Flutter. The focus lies on the UI (animation, layout, transition, etc.) and should showcase how powerful Flutter has become as a UI framework.

Reply Animation

Getting Started

To install the app on your phone you have two options. For Android you can download a pre-compiled APK file from the 'Releases' tab or use the this direct link.

You can also download and build the project locally - for this you need to have a local Flutter installation. Just clone the project and inside the root execute flutter run --profile. This will compile and install the app on your connected device / emulator / simulator. Also make sure to enable slow animations 😉

Design Resources

Currently most of the work is done with the resources you can find on the official Material page. For some animated icons 2Dimensions' Flare was used, you can find the design files here.

Roadmap

  • [x] Initial animation (list, bottom navigation)

  • [x] Expand transition with shared avatar

  • [x] FAB compose transition

  • [x] Animated FAB icon states

  • [x] Dismissible list elements

  • [ ] Bottom sheet menu

  • [ ] Selecting list items

  • [ ] Disappearing bottom navigation (when scrolled)

  • [ ] Dismissible background animation

  • [ ] Pull-To-Refresh animation

  • [ ] Splash logo animation

  • [ ] Tablet / Desktop layout

Issues

Please file any issues, bugs, or feature requests in the repo.

Contributing

If you wish to contribute to this repo, please send me a short DM on Twitter and / or open a pull request.

Thank You

  • @willlarche for providing me some assets for Reply 🎨
  • @slightfoot who helped me building the very first POC of the expand transition ✨
  • The welcoming Flutter community for supporting me when I got started with Flutter some time ago 🚀
Popular Flutter Projects
Popular Material Projects
Popular User Interface Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Dart
Flutter
Animation
Material
Transition
Material Design
Fab