Flutter Beautiful Login Page design and Animation - day 12

Last update: Jan 1, 2023

Overview

Flutter Beautiful Login Page UI Design and Animation - Day 12

class Day12 extends Flutter100DaysOfCode {
  video() {
    return {
      "title": "Flutter Beautiful Login Page UI Design and Animation",
      "description": "Let's see how we can design a Login page UI and add some cool animation.",
      "day": 12,
      "videoLink": "https://youtu.be/NHAIiAmxTAU"
    }
  }
}

Watch it on Youtube

Previous Designs

Checkout my Youtube channel

Development Setup

Clone the repository and run the following commands:

flutter pub get
flutter run

ScreenShots

Links

You might also like...

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

Dec 28, 2022

A ecommerce app created in flutter implementing the features add to cart, total ,add, remove item and a login function

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

Nov 27, 2021

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

Nov 27, 2022

Flutterwave landing page animated card deck implemented with Flutter

The Flutterwave animated card deck in Flutterwave's landing page implemented with Flutter.

Nov 10, 2022

Login & Sign Up UI using Flutter

Jan 1, 2023

A flutter package that contains a collection of icon decoration tools (i.e. gradient, opacity) and icon transition features with cool animation effects.

Advanced Icon A flutter package that contains a collection of icon decoration tools (i.e. gradient, opacity) and icon transition features with cool an

Dec 24, 2021

A customizable timer builder, with controller, animation, intervals, callbacks and custom actions for Flutter.

Custom Timer ⌛ A highly customizable timer builder, with controller, animation, intervals, callbacks, custom actions, and more! 📌 Simple Usage @overr

Nov 23, 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

Jan 8, 2023

Flutter Animation - Grocery App UI

Flutter Animation - Grocery App UI Packages we are using: flutter_svg: link goole_fonts: link Fonts Poppins link creating a custom animation Grocery A

Feb 14, 2022

Comments

Error: The operator '[]' isn't defined for the class in FadeAnimation class

When I try to add animations, I get the error below. Can you help me? Error: The operator '[]' isn't defined for the class 'Object?'. lib/Animations/fade_animation.dart:26 'Object' is from 'dart:core'. Try correcting the operator to an existing operator, or defining a '[]' operator. opacity: animation["opacity"], in here:

opened by OrchiDorchi 2
A RenderFlex overflowed by 72 pixels on the bottom.

he following assertion was thrown during layout:
I/flutter ( 6530): A RenderFlex overflowed by 72 pixels on the bottom.
I/flutter ( 6530):
I/flutter ( 6530): Widget creation tracking is currently disabled. Enabling it enables improved error messages. It can I/flutter ( 6530): be enabled by passing --track-widget-creation to flutter run or flutter test.

PS: I added resizeToAvoidBottomPadding: false, but its showing issue in emulator Or Small Screens

opened by saffull 1

Owner

Mohammad Rahmani

Full-stack Developer.

GitHub https://youtu.be/NHAIiAmxTAU

A job UI for job firms. Improving day by day

Job UI ?? A job UI for job firms. Improving day by day. Star ⭐ the repo if you like what you see ?? . ✨ Requirements Any Operating System (ie. MacOS X

16 Dec 26, 2022

Beautiful Login Page In Flutter

Beautiful Login Page In Flutter Create a login and signup page in flutter. This amazing app is provided in open source. So, helpful contributions are

6 Sep 22, 2022

LoginUIDesign is login beautiful module. login module segregate in different steps on bases of data required.

LoginUiDesign You can Install and test latest LoginUiDesign app from below ?? LoginUIDesign is login beautiful module. login module segregate in diffe

2 Nov 22, 2021

Flutter Beautiful Login Signup UI

14 Oct 19, 2022

A simple UI design with Login, Sign up and Home screens

assessment_task A simple UI design with Login, Sign up and Home screens. ?? ScreenShots If you find this repo helpful to you, please don't forget to s

7 Nov 2, 2022

A Flutter project that gives basic flutter design to implement a login UI

9 Nov 8, 2022

Cross Platform Login UI design using Flutter.

Flutter Login UI It's a #SpeedCode tutorial for Flutter #Login #UI project with splash screen and multiple color support.

82 Dec 14, 2022

This is an eCommerce minimalist template with a clean and beautiful design for Flutter.

Shope - Free Flutter eCommerce Template The “Shope” e-Commerce UI Kit has the goal to help you to save time with the frontend development. You can use

1.1k Dec 31, 2022

I am trying to teach Responsive Ui design. This video for Web and Mobile. This design is suitable for Desktop, Tab, and Mobile platforms.

before clone the GitHub repository please give a star on the repository. I am trying to teach Responsive Ui design. This video for Web and Mobile. Thi

22 Sep 1, 2022

Flutter e-commerce Application Example - Day 34

Flutter e-commerce Application Example - Day 34 class Afgprogrammer extends Flutter100DaysOfCode { video() { return { "title": "Flutter e-

105 Dec 29, 2022