Reply Material Design App for Flutter

You are currently viewing Reply Material Design App for Flutter
Reply

Reply Material Design App for 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
Reply

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.

See also  Material Bottom Sheet Implementation for Flutter

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 😉

See also  Flutter Audio Player Plugin Example

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

  • nitial animation (list, bottom navigation)
  •  Expand transition with shared avatar
  •  FAB compose transition
  •  Animated FAB icon states
  •  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
See also  Material Theme Editor for Flutter

Credit

This is developed by flschweiger
Download this project from the below link.
https://github.com/flschweiger/reply/archive/refs/heads/master.zip
You can visit original source page from the below link:
https://github.com/flschweiger/reply

Spread the love

Leave a Reply