1. Login UI

A clean and simple login UI screen with a basic hero animation in Flutter, a mobile sdk framework by Google.

Watch this video tutorial on Youtube

Visit Github Source Code

2. AwesomeFlutterUI

The purpose of this repository is to demonstrate the use of different widgets and tricks in flutter and how to use them in your project.
To know whats under the hood please checkout my blog on how this is crafted
https://medium.com/@ssuubbiirr/creating-awesome-login-screen-in-flutter-88d46c0d76ae

Login Screen UI

This beautiful login screen is made using ClipPath, CustomClipper, ClipOval, BoxDecoration etc.
All the shapes are made programtically.

Inspiration

This Design is inspired from Sandip Ramani’s Best Mobile APP Login, Sign up Concept 🙂

https://www.uplabs.com/posts/best-mobile-app-login-sign-up-concept

Visit Github Source Code

3. login_minimalist_flutter

Login minimalist using framework flutter.

Cretids design: https://www.behance.net/gallery/88214279/Sign-InSing-Up?tracking_source=search%7Clogin%20ui

<img src="https://user-images.githubusercontent.com/54786785/75627922-397d2d80-5bb3-11ea-8723-5e1fa66190de.png" style="margin-bottom:3px" alt"Login Screen Design"/>

Visit Github Source Code

4. flutter_login_signup

Simple basic authentication app designed in flutter. App design is based on Login/Register Design designed by Frank Arinze

Download App

Screenshots

Login	Welcome	Register

Pull Requests

I welcome and encourage all pull requests. It usually will take me within 24-48 hours to respond to any issue or request.

Created & Maintained By

Sonu Sharma (Twitter) (Youtube)
(Insta)

If you found this project helpful or you learned something from the source code and want to thank me, consider buying me a cup of :coffee:

• PayPal

Getting Started

This project is a starting point for a Flutter application.

A few resources to get you started if this is your first Flutter project:

• Lab: Write your first Flutter app
• Cookbook: Useful Flutter samples

For help getting started with Flutter, view our
online documentation, which offers tutorials,
samples, guidance on mobile development, and a full API reference.

Visit Github Source Code

5. Reflectly Like Login Page

📱 Gif

📱 Screenshots

Download the Following App for Preview

🖥 Flutter Tutorial

All Flutter Tutorials plus additional Code and shorter posts can be found on the Official AllTechSavvy website.

⚙️ Built with Amazing Tools

• Flutter – Beautiful native apps in record time.
• Android Studio – Tools for building Awesome apps on every type of Android device.
• Visual Studio Code – Code editing. Redefined.

🤝 Show Some Support

If you liked the app give this repo a ⭐️

🐛 Bugs/Requests

If you encounter any problems feel free to open an issue. If you feel the library is missing a feature, please raise a ticket on Github and I’ll look into it. Pull request are also welcome.

Visit Github Source Code

6. 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

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.

Visit Github Source Code