FlutterCore Logo
  • Home
  • Components
    • Alert
    • Button
    • Calendar
    • Color
    • Dialog
    • i18n
    • Indicator
    • Picker
    • Popup
    • Rating
    • Reports
    • Slider
    • Swipe
    • Tabbar
    • Table
    • Timeline
    • Toast
    • Web
  • Input
    • Authentication
    • Autocomplete
    • Date/Time Picker
    • Editor
    • Forms
    • Keyboard
    • Note
    • Password
    • Pin
    • Search
    • Text
    • Validation
    • Verification
  • Media
    • Audio
    • Charts
    • Gallery
    • Images
    • Maps
    • Music
    • Shape
    • Video
  • Ui
    • Animation
    • Cards
    • Carousel
    • Chat
    • Design
    • Drawer
    • Flip
    • Grid
    • Intro Page
    • Layout
    • ListView
    • Login Page
    • Material Design
    • Menu
    • Navigation
    • Progress
    • Splash Screen
  • Tutorial
    • Example
  • Application
    • Calculator
    • Clock
    • Library
    • Plugin

Best 6 Flutter Login Screen Design

March 5, 2020 totosugito Animation, Design, Example, Ui 0

Flutter Login UI Design

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

Login UI Flutter

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.

Login Screen Design

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"/>

Login Screen Design

Visit Github Source Code

4. flutter_login_signup GitHub stars

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

Download App GitHub All Releases

Login Screen Design

Screenshots

Login Welcome Register
Login Screen Design

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

download android app png 4

🖥 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

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

Related posts:

Flutter Login Screen WidgetFlutter Login Screen Widget Flutter Login Screen With FirebaseFlutter Login Screen With Firebase Flutter Screen ExampleFlutter Screen Example Flutter Login Screen With FirebaseFlutter Login Screen With Firebase
  • Best 6 Flutter Login Screen Design
Flutter Screen ExamplePrevious

Flutter Screen Example

Flutter Login Screen With FirebaseNext

Flutter Login Screen With Firebase

Android Mining Monitor Application

Pool Supported : Ethermine, Nanopool, 2Miners, Flexpool, Herominers, Hiveon

Go to Google Playstore

Recent Posts

  • Flutter File UtilsFlutter File Utils
  • Flutter PDFFlutter PDF
  • Produ Flutter Task Cross PlatformProdu Flutter Task Cross Platform
  • Flutter Animation DirectorFlutter Animation Director
  • Draggable Flutter ListDraggable Flutter List
  • Flutter Section Table ViewFlutter Section Table View
  • Image and Location Picker FlutterImage and Location Picker Flutter

Categories

  • Alert 2
  • Animation 39
  • Application 58
  • Audio 11
  • Authentication 7
  • Autocomplete 3
  • Button 15
  • Calculator 4
  • Calendar 12
  • Cards 16
  • Carousel 2
  • Charts 16
  • Chat 3
  • Clock 2
  • Color 5
  • Components 144
  • Date/Time Picker 15
  • Design 26
  • Dialog 13
  • Drag and Drop 4
  • Drawer 5
  • Dropdown 5
  • Editor 3
  • Example 24
  • Flip 3
  • Forms 6
  • Gallery 5
  • Grid 11
  • i18n 4
  • Images 31
  • Indicator 16
  • Input 30
  • Intro Page 5
  • Keyboard 3
  • Layout 16
  • Library 34
  • ListView 22
  • Loading 10
  • Login Page 6
  • Machine Learning 2
  • Maps 20
  • Markdown 1
  • Material Design 6
  • Media 78
  • Menu 25
  • Music 11
  • Navigation 19
  • Note 6
  • Page 8
  • Password 7
  • Payment 1
  • PDF 1
  • Perallax Scroll 1
  • Picker 22
  • Pin 5
  • Plugin 16
  • Popup 5
  • Progress 13
  • Rating 2
  • Reports 2
  • Search 8
  • Shape 2
  • Slider 13
  • Splash Screen 1
  • Swipe 7
  • Switch 2
  • Tabbar 8
  • Table 3
  • Tagging 2
  • Text 13
  • Textfield 4
  • Timeline 4
  • To Do 15
  • Toast 5
  • Tutorial 4
  • Ui 48
  • Validation 2
  • Verification 4
  • Video 16
  • Web 2

Copyright © 2025 | WordPress Theme by MH Themes