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.
Comments
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
Owner
GeekyAnts
GeekyAnts
Animated Login for Flutter is a ready-made login/signup screen with soft and pleasant animations.

Animated Login Author: Bahrican Yeşil Animated Login for Flutter is a ready-made login/signup screen with soft and pleasant animations. It is fully re

Bahrican Yesil 93 Jan 3, 2023
Flutter Login with Bloc State Management

bloc_app Login with BLoC (Cubit) Getting Started This project is a starting point for a Flutter application. A few resources to get you started if thi

Ebrar Bilgili 3 Jan 19, 2022
Login UI made in flutter by using simple widgets , icons, buttons, and Colors.

Responsive LogIn UI in Flutter Login UI in Flutter. Visit Website Demo OutPut ## ?? Links Getting Started This project is a starting point for a Flutt

Habib ullah 1 Dec 7, 2021
A collection of Login Screens, Buttons, Loaders and Widgets with attractive UIs built with Flutter

Flutter Screens A collection of Login Screens, Buttons, Loaders and Widgets with attractive UIs, built with Flutter, ready to be used in your applicat

Pham Quoc Duy 2 Dec 20, 2022
Beautiful Flutter login page

Login Page A Beautiful login page UI like this Login_Page Use in your application Tank you ☺ Platform ios ✔️ android ✔️ responsive Can be used on all

Amirziya 18 Dec 27, 2022
A Simple User Login Example Using Flutter And Firebase

Kullanıcı Girişi Bu uygulamada Firebase kullanarak kullanıcının giriş, kayıt ve şifre yenileme yapılması sağlanmıştır. Google ve Facebook hesabınızla

null 1 Oct 12, 2022
Login Screen UI

LoginScreen LoginScreen About fast login Screen b creating some Widget like buildEmail=> for textfield email buildPassword=> for textfield password bu

null 2 Apr 6, 2022
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 517 Dec 27, 2022
Smooth-Page-Indicator-Example-Flutter - A simple example about smooth page indicator in Flutter

Smooth Page Indicator Example - Flutter Screenshots ⚠️ Essential Packages smooth

AmirHossein Bayat 6 Dec 7, 2022
Flutter physics concepts - Physics Concepts by Ayush P Gupta

Physics Concepts by Ayush P Gupta A Flutter project for physics concepts. About Learn Physics Concept in more visual ways. Wave Theory, Ray Optics are

Ayush P Gupta 64 Apr 30, 2022
Home-Service-App - Home Service App Built With Flutter

Home-Service-App Home Service App Sample Images

Justin Roy 2 Sep 4, 2022
Smart home UI - A Flutter UI for Smart Home App

smart_home_app UI for Smart Home App Images

Aymen Ziouche 11 Dec 22, 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 50 Jan 4, 2023
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 327 Dec 26, 2022
User onboarding library with smooth animation of objects and background colors

SlidingTutorial Cleveroad introduces Sliding Tutorial Library for Flutter Hey guys, hope you haven’t started developing a tutorial for your Flutter ap

Cleveroad 127 Dec 31, 2022
A Flutter App with animation on login and home screen

Animação com Flutter Sobre: App com animação na tela de login e home. Obs: Sem validação, somente foi feito o teste para animação da tela Imagens: LOG

null 2 Nov 9, 2022
A package to create nice and smooth animations for flutter

animation_director A package to create nice and smooth animations for flutter Introduction A simple package to build beautiful and smooth animations f

null 10 Nov 28, 2022
Flutter Smooth PageView indicators

smooth_page_indicator Customizable animated page indicator with a set of built-in effects. infinite Loop support [new] Scrolling dots effect Effects E

Milad akarie 859 Jan 5, 2023
This is a Flutter package that uses the Google Maps API to make a TextField that tries to autocomplete places as the user types, with simple smooth animations, making a nice UI and UX.

search_map_place This is a Flutter package that uses the Google Maps API to make a TextField that tries to autocomplete places as the user types, with

Lucas Bernardi 127 Oct 22, 2022
A Flutter plugin providing signature pad for drawing smooth signatures.

A Flutter plugin providing Signature Pad for drawing smooth signatures. Library is written in pure Dart/Flutter environment to provide support for all

Roman Hornak 79 Dec 21, 2022