Login Animation Ruchika GuptaLogin Animation [953⭐] - Smooth animation from login to home by Ruchika Gupta.

Overview

Flutter Login Home Animation

A new open-source Flutter project that enables the developer to quickly get started with the Flutter animation and application development. Here’s a GIF that shows a Flutter app that I created. It is a rebuild version of a UI design that I came across on Dribbble.

This project contains the basic features of Flutter Animation that are required to build an amazing Flutter application.

You can also checkout the flow of animation and steps to design it briefly at our medium article Flutter Login Animation

Demo

Demo

Getting Started

Note: Make sure your Flutter environment is setup.

Installation

In the command terminal, run the following commands:

$ git clone https://github.com/GeekyAnts/flutter-login-home-animation/tree/master/
$ cd Flutter-LoginAnimation/dribbbledanimation
$ flutter run

Simulate for iOS

Method One

Open the project in Xcode from ios/Runner.xcodeproj.
Hit the play button.

Method Two

Run the following command in your terminal.
$ open -a Simulator
$ flutter run

Simulate for Android

Make sure you have an Android emulator installed and running.
Run the following command in your terminal.
$ flutter run
Check out Flutter’s online documentation for help getting start with your Flutter Animation project.
Issues
  • Missed library

    Missed library

    Hi,

    I was testing your project and I got this:

    Andres-MBP:flutter_tests andre$ git clone https://github.com/GeekyAnts/flutter-login-home-animation
    Cloning into 'flutter-login-home-animation'...
    remote: Counting objects: 149, done.
    remote: Compressing objects: 100% (119/119), done.
    remote: Total 149 (delta 16), reused 143 (delta 10), pack-reused 0
    Receiving objects: 100% (149/149), 3.37 MiB | 2.29 MiB/s, done.
    Resolving deltas: 100% (16/16), done.
    Andres-MBP:flutter_tests andre$ cd flutter-login-home-animation/dribbbledanimation/
    Andres-MBP:dribbbledanimation andre$ flutter run
    Running "flutter packages get" in dribbbledanimation...      3.5s
    Your application could not be compiled, because its dependencies could not be established.
    The following Dart file:
      /Users/andre/git/flutter_tests/flutter-login-home-animation/dribbbledanimation/lib/main.dart
    ...refers, in an import, to the following library:
      package:dribbbledanimation/Routes.dart
    That library is in a package that is not known. Maybe you forgot to mention it in your pubspec.yaml file?
    

    Regards

    opened by aemitos 2
  • Typo in name gives compiler warning

    Typo in name gives compiler warning

    Because of the typo can't compile the project.

    opened by robinbonnes 1
  • This template is slow

    This template is slow

    I downloaded this template and ran it (without any change) on Nexus 5X. But animations and UI transitions are slow. My command was 'flutter run'

    And again I installed application using 'flutter install' command. But still it is slow.

    Is there any special thing I have to do?

    opened by gambheera 1
  • How to disable go back to LoginScreen ?

    How to disable go back to LoginScreen ?

    Yep, i can't disable user go back to LoginScreen from HomeScreen, you have solution in this case ?

    opened by manhlh 1
  • Build not working

    Build not working

    Hi there, The index.dart under Screen/Home has error: As following.

    • Target of URI doesn't exist: 'package:intl/intl.dart'.
    • Undefined class 'DateFormat.MMMM'.

    Sorry that I've already tried to google this two problems, but can't find solution.

    I git cloned the dictionary, got the whole code, then compile return these 2 errors. Dart: 2.13.2 Flutter: Channel Beta, V0.4.4

    Thanks,

    opened by cityinthepark 0
  • Too hard to use

    Too hard to use

    null

    opened by 5115191 0
  • Real world use case

    Real world use case

    So being new to Dart I am having trouble processing this code. At what point do you grab the username and password process the credentials and stop the navigation if they are wrong and display an error message?

    I also encountered this error: _onWillPop is returning the error: Error: A value of type 'Future<bool?>' can't be assigned to a variable of type 'Future' because 'bool?' is nullable and 'bool' isn't.

    opened by forexstudies 0
  • update to have a correct url on git clone command

    update to have a correct url on git clone command

    Light update to have a correct url on git clone command

    opened by Lyr 0
  • Upgrade

    Upgrade

    This project needs upgrading because there are so many terms that are not supported by flutter anymore and depreciated terms like isInitialRoute etc.

    opened by arslankaleem7229 0
  • settings.isInitialRoute isnt defined in RouteSettings

    settings.isInitialRoute isnt defined in RouteSettings

    I tried to run this project but stumbled upon this.

    in Routes.dart:

    if (settings.isInitialRoute) return child;
    

    there is this error:

    Compiler message: lib/Routes.dart:37:18: Error: The getter 'isInitialRoute' isn't defined for the class 'RouteSettings'.

    • 'RouteSettings' is from 'package:flutter/src/widgets/navigator.dart' ('/C:/fluttersdk/packages/flutter/lib/src/widgets/navigator.dart'). Try correcting the name to the name of an existing getter, or defining a getter or field named 'isInitialRoute'. if (settings.isInitialRoute) return child; ^^^^^^^^^^^^^^
    opened by axilaris 1
  • 怎么添加网络请求?

    怎么添加网络请求?

    你好,怎么在这个demo里添加网络请求登录?

    opened by 812781385 0
  • Maintenance

    Maintenance

    • Migrate to AndroidX
    • Upgrade gradle dependencies
    • Upgrade pub dependencies
    • remove widget test
    opened by shivam2590 0
  • HomePage pushed multiple times

    HomePage pushed multiple times

    When I press "Sign In" I am redirected to the Homepage as expected. After I hit the back button and "Sign In" again the Homepage is pushed multiple times and I need to hit "back" quite often to get back to the Login Screen.

    I think this is due to reusing the buttonController over and over again without resetting it. Adding buttonController.reset() here fixes the error at least for me.

    opened by surr34 0
  • Update README.md

    Update README.md

    opened by Leocardoso94 0
  • Update Routes.dart

    Update Routes.dart

    Please update the code as per the updated dart syntax

    opened by its-Aman 0
Owner
GeekyAnts
GeekyAnts
Card Swipe Animation Ruchika GuptaCard Swipe Animation [404⭐] - Swipe cards template by Ruchika Gupta.

FlutterCardSwipe Card Swipe Animation Creating the swipe view as used in the Tinder. Swipe right is considered accepted and swipe left is rejected.It

Ruchika Gupta 473 Jan 13, 2022
Authentication API client with Flutter (Login, Register, Google Login, Facebook Login, Apple Login)

Flutter Auth App (Login, Register, Google Login, Facebook Login, Apple Login) To use this client, get the server up and running. Try it out now! App S

Denzel Giraldo 18 Jan 8, 2022
A beautiful and simple bottom navigation bar with smooth animation when switching selected item.

Titled Bottom Navigation Bar A beautiful, clean and simple bottom navigation bar with smooth animation on click. This package is high customizable, re

Pedro Massango 295 Jan 10, 2022
🛍 A full E-commerce app with nice UI consists of on-boarding, login, sign-up, home, product details, cart and user profile.

About (Download) ?? A full E-commerce app with nice UI consists of on-boarding, login, sign-up, home, product details, cart and user profile. ?? Scree

null 41 Dec 25, 2021
Flutter plugin for creating static & dynamic app shortcuts on the home screen.

Flutter Shortcuts Show some ❤️ and ⭐ the repo Why use Flutter Shortcuts? Flutter Shortcuts Plugin is known for : Flutter Shortcuts Fast, performant &

Divyanshu Shekhar 33 Jan 10, 2022
Flutter plugin for creating static & dynamic app shortcuts on the home screen.

Flutter Shortcuts Compatibility ✅ Android ❌ iOS (active issue: iOS support for quick actions) Show some ❤️ and ⭐ the repo Why use Flutter Shortcuts? F

Devs On Flutter 33 Jan 10, 2022
This Flutter project recreates an electronics store home screen mockup.

E-Store Mobile App Home Screen This Flutter project recreates an electronics store home screen mockup. The mockup was created by @nasyiya.design on in

Azarro 32 Aug 17, 2021
Provides login screen with login/signup functionalities to help speed up development

Flutter Login FlutterLogin is a ready-made login/signup widget with many animation effects to demonstrate the capabilities of Flutter Installation Fol

Near Huscarl 1k Jan 20, 2022
Flutter Login Page Bloc Pattern App Flutter Login Page Bloc Pattern App

gdgbloc 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

Pawan Kumar 95 Oct 12, 2021
Flutter: Animation Series || Episode 1 || Basic Animation || Episode 1 || Basic Animation

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

Pawan Kumar 22 Dec 9, 2021
A highly customisable Flutter widget for entering pin code. Suitable for use cases such as login and OTP.

pin_code_text_field It's a beautiful and highly customizable Flutter widget for entering pin code. Suitable for use cases such as login and OTP. Usage

Liew Jun Tung 258 Jan 12, 2022
100% Shared Code Android/iOS Login Example - JSON API

Flutter Login Example This example uses a ScrollView, JSON Rest API, Navigation, Alert Pop Up, Progress Indicator, Globals, Images in a shared asset f

Rody Davis 635 Jan 4, 2022
A Flutter plugin for allowing users to authenticate with native Android & iOS Facebook login SDKs.

flutter_facebook_login A Flutter plugin for using the native Facebook Login SDKs on Android and iOS. AndroidX support if you want to avoid AndroidX, u

Iiro Krankka 397 Jan 14, 2022
An Login Page App in Flutter with MVP and SQFLITE ( SQLITE) Implementation.

Flutter SQFLITE MVP LOGIN APP A Login Page Flutter App with SQFLITE (SQLITE) and MVP implementation. Written in dart using Flutter SDK. Please don't f

Pawan Kumar 161 Nov 7, 2021
Login page built with @flutter 😍

The Gorgeous Login A login page built with flutter inspired by a design found on Uplabs Uplabs design Flutter rendering Contributors Code Contributors

Hugo EXTRAT 1.5k Jan 15, 2022
A simple animated login UI with teddy

Animated Login UI with Teddy ?? Used Packages ✨ flare_flutter How to run First clone the repo: git clone https://github.com/KauaLimaMartins/Teddy-Anim

KauãDev 25 Nov 21, 2021
diseño de un login

testapp 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

null 9 Jul 30, 2021
Flutter - Making a Christmas Tree 🎄| Tween Animation | Tween Animation

flutter_christmas A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you starte

Pawan Kumar 23 Dec 23, 2021
A package for flip panel with built-in animation

Flip Panel A package for flip panel with built-in animation How to use import 'package:flip_panel/flip_panel.dart'; Create a flip panel from iterable

HungHD 473 Jan 12, 2022
The app to demo animation with Flutter by implement Facebook reactions

Facebook Reactions Animation Description The app to demo animation with Flutter by implement Facebook reactions. Watch the demo video for more clarity

Duy Tran 266 Jan 13, 2022
Hidden Drawer Menu is a library for adding a beautiful drawer mode menu feature with perspective animation.

Hidden Drawer Menu Hidden Drawer Menu is a library for adding a beautiful drawer mode menu feature with perspective animation. You can use a pre-defin

Rafael Almeida Barbosa 238 Jan 7, 2022
A weather app built to learn how to use Canvas and Animation in Flutter.

Weather Quick Disclaimer I removed my private OpenWeather API key from the repo, if you want to get the weather forecast use your own in the openweath

Alessandro Aime 143 Jan 11, 2022
A Flutter library for gradually painting SVG path objects on canvas (drawing line animation).

drawing_animation From static SVG assets See more examples in the showcasing app. Dynamically created from Path objects which are animated over time m

null 397 Jan 13, 2022
🔥🔥🔥 Easy to build an animation set

✨ Flutter Animation Set [Lanuage ~~] English | 中文文档 Simplified Flutter stagger animation.To drive the Flutter stagger animation through a timeline in

YYDev 266 Dec 30, 2021
It's a universal app template to have a great animated splash screen and liquid slider. Just change the animation if you want (rive) and change the images or colours according to your app.

liquid 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 i

Zikyan Rasheed 26 Oct 28, 2021
A library for handling animation warmup generically

This solution is not very scalable for applications with many animations to warm up and is meant mostly as an example of an approach applications could take to warmup their animations until a more permanent solution is available.

Dan Reynolds 40 Oct 8, 2021
Tahseen Quraishi 16 Jan 1, 2022
3Rein Parallax animation

A Parallax behavior for any Flutter Scrollable This plugin enable a parallax effect in any Scrollable, simply wrap your Scrollable in a ParallaxArea a

3Rein Inc. 9 Oct 23, 2021