The 'Reply' Material Design case study built with Flutter.

Overview

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

  • Initial 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

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 🚀
Issues
  • Fluiter

    Fluiter

    null

    opened by gilihamu 0
  • Upgrade to Flutter 2

    Upgrade to Flutter 2

    Updates all the platforms and adds new ones

    • web
    • ios
    • android
    • macos
    • windows

    I ran

    flutter create --org net.flschweiger.reply --project-name reply .
    

    Fixes compilation errors

    opened by passsy 0
  • I am having issues with running this in Flutter 2 and no easy way to upgrade

    I am having issues with running this in Flutter 2 and no easy way to upgrade

    Hello when I download and run this beautiful app I get this error and the solution on the flutter website is beyond my comprehension at this moment hence any help to run this is new flutter 2 is highly appreciated. Your Flutter application is created using an older version of the Android embedding. It's being deprecated in favor of Android embedding v2Follow the steps at

    https://flutter.dev/go/android-project-migration

    to migrate your project.

    opened by newlovelion 0
  • code bump

    code bump

    Are you still working on this?

    opened by brackio 0
  • Cannot compile

    Cannot compile

    Hi

    I received this error when I compiled it using Android Studio

    Compiler message: file:///C:/Users/User/AppData/Roaming/Pub/Cache/hosted/pub.dartlang.org/flare_flutter-1.5.1/lib/flare.dart:1023:18: Error: The argument type 'Int32List' can't be assigned to the parameter type 'Uint16List'.

    • 'Int32List' is from 'dart:typed_data'.
    • 'Uint16List' is from 'dart:typed_data'. Try changing the type of the parameter, or casting the argument to 'Uint16List'. indices: _indices, textureCoordinates: _uvBuffer); ^ Compiler terminated unexpectedly.
    opened by winstonpang84 3
Releases(v1.0.0)
Owner
Frederik Schweiger
Freelance Flutter Engineer 👨‍💻 I have a thing for animations and nice UIs ✨ Let's build something great. Together.
Frederik Schweiger
Flutter Music Player - First Open Source Flutter based material design music player with audio plugin to play local music files.

Flutter Music Player First Open Source Flutter based Beautiful Material Design Music Player(Online Radio will be added soon.) Demo App Play Store BETA

Pawan Kumar 1.3k Jan 16, 2022
Nimbus is a beautiful portfolio design built using flutter

nimbus This is Nimbus (Portfolio & CV), a beautifully designed portfolio website built with flutter. It is inspired by Web Genius Lab Designs on Behan

David-Legend 148 Jan 16, 2022
A Simple Todo app design in Flutter to keep track of your task on daily basis. Its build on BLoC Pattern. You can add a project, labels, and due-date to your task also you can sort your task on the basis of project, label, and dates

WhatTodo Life can feel overwhelming. But it doesn’t have to. A Simple To-do app design in flutter to keep track of your task on daily basis. You can a

Burhanuddin Rashid 912 Jan 9, 2022
Paper is a implementation of Flx Design System for Flutter

Paper is a implementation of Flx Design System for Flutter. Installing Add a lines like this to your pubspec.yaml. dependencies: paper: git:

Flx Team 3 Nov 21, 2021
A project to showcase usage of basic principles to convert any 3D design into a working application using Flutter.

Developing apps with 3D designs in flutter This project is developed to showcase how we can use some basic principles to convert any 3D design into a

Manas Pratap Thakur 23 Jan 8, 2022
An expressive way to effortlessly build design systems in Flutter.

An expressive way to effortlessly build design systems in Flutter. Mix offers primitive building blocks to help developers and designers create beauti

Leo Farias 112 Jan 16, 2022
This is a Yoga app made in Flutter. This is an integration of a model that i found on https://www.uistore.design.

Yoguha A Flutter project made with Firebase that helps you for your next Yoga sessions. It contains : An authentication system A timer Some relaxing p

Scythe 3 Oct 28, 2021
Flutter Theme Manager with Abstract Factory Design

extheme A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this

Veli Bacik 25 Jan 7, 2022
Project created to replicate design made by DesignSense 😎

☀️ Weather App ❄️ Project created to replicate design made by DesignSense ?? . Demo: Packages used: flutter_svg: ^0.22.0 sleek_circular_slider: ^2.0.1

Mosart 9 Nov 25, 2021
Health Performance Monitor ui design in a neomorphism style.

Health Performance Monitor UI Health Performance Monitor ui design in a neomorphism effect built using Flutter. Show some ❤️ and star the repo, it mak

Roshini Mahendran 9 Sep 20, 2021
Lime client built using flutter

** This project ist OUT OF DATE and I am currently not able to maintain it ** What we are building Lime is a social media app, which allows you to pos

Sebastian Sellmair 356 Jan 11, 2022
Modern crypto portfolio & market explorer. Built with @Flutter

Trace Modern Crypto Portfolio & Market Explorer. Built with Flutter. Open Source. Lightweight. Clean. Straightforward. Fast. Powerful. Download for An

Trent Piercy 804 Jan 16, 2022
Minimalist Flutter Todo App, built using BLoC pattern

Deer Minimalist Todo Planner app built around the idea of efficiency and clean aesthetic. Showcase Development Deer uses BLoC (Business Logic Componen

Aleksander Woźniak 305 Jan 11, 2022
Pokedex app built with Flutter (with lots of animations) using Clean Architecture

Flutter Pokedex Pokedex app built with Flutter App preview Video demo Installation Add Flutter to your machine Open this project folder with Terminal/

Pham Sy Hung 1.3k Jan 19, 2022
Timy - open source mobile app for groups to communicate and organize themselves. Built with flutter.

Timy app An amazing open-source group messaging app build with flutter. ✨ Main Features Multiple groups (similar to Teams in Slack). Multiple open or

null 1.8k Jan 13, 2022
Fully functional Twitter clone built in flutter framework using Firebase realtime database and storage

Fwitter - Twitter clone in flutter A working Twitter clone written in Flutter using Firebase auth,realtime,firestore database and storage. Download Ap

Sonu Sharma 1.6k Jan 13, 2022
A task manager built with Flutter, Serverless, Postgres, Firebase

Tasky Mobile App A project management mobile app This project is an implementation of a Design i found on uigaints.com by Ashish Dhakal. The Backend w

Etornam Sunu 104 Jan 14, 2022
A quiz app built using Flutter

Quiz-App A quiz app built using Flutter. It currently covers programming topics such as (i.e. TypeScript, Angular, Firebase...) and others. Although t

Akash Dubey 39 Jan 11, 2022
Simple manga reader app for MangaSee, built with Flutter

MAPI Simple manga reader app for MangaSee. Mind that this is my very first attempt on using Flutter. Why I wanted to try out Flutter, and i needed an

Simone 13 Jan 11, 2022