Flutter Login UI with splash screen and multiple color support

Overview

Flutter Login UI

It's a #SpeedCode tutorial for Flutter #Login #UI project with splash screen and multiple color support. This tutorial will provide following UI. Complete source code is hosted at github.com. You can download or clone the #Flutter project from GitHub.

For this project we have used Flutter: 2.2.1 Dart: 2.13.1 IDE: Android Studio v4.2.2 provided by Google. OS: Windows 10

Video Tutorial

https://fluttertutorial.net/s/flutter_login_ui_yt

Screenshots

App UI

  1. Splash Screen
  2. Login Form
  3. Registration Form
  4. Profile Page
  5. Forgot Password
  6. OTP Verification Page

Resources

  1. Website: Website Article
  2. Youtube: https://www.youtube.com/channel/UCZGkegk6IACFokqgiMRoWCA
  3. Twitter: https://twitter.com/fluttertutoria7
  4. Facebook: https://www.facebook.com/Flutter-Tutorial-107192931632122
  5. Source Code: https://github.com/FlutterTutorialNet/flutter_login_ui

Please give star our GitHub projects and Subscribe to our YouTube Channel for latest video tutorial that will inspire us for more advanced tutorial.

Flutter Related Resources

This project is a starting point for a Flutter application.

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

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

You might also like...

A beautiful and animated Splash Screen UI with Flutter

A beautiful and animated Splash Screen UI with Flutter

Flutter Splash Screen Animation, Application Design A part of #flutter100daysofc

Dec 24, 2021

Flutter Splash Screen design and Animation - day 8

Flutter Splash Screen design and Animation - day 8

Flutter Splash Screen Animation, Application Design A part of #flutter100daysofcode. Let's create a beautiful and animated Splash Screen UI with Flutt

Dec 29, 2022

Automatically generate profile picture with random first name and background color. But you can still provide pictures if you have them. As the default color, based on the name of the first letter. :fire: :fire: :fire:

Automatically generate profile picture with random first name and background color. But you can still provide pictures if you have them. As the default color, based on the name of the first letter. :fire: :fire: :fire:

FLUTTER PROFILE PICTURE Automatically generate profile picture with random first name and background color. But you can still provide pictures if you

Dec 20, 2022

ThemeX is an easy theme manipulation. Only inform primary color and the ThemeX generate all color combination palette for you

ThemeX is an easy theme manipulation. Only inform primary color and the ThemeX generate all color combination palette for you

ThemeX is an easy theme manipulation basied on Material Design. Only inform primary color and the ThemeX generate all color combination palette for yo

Jan 31, 2022

A Fluter tabview that text color can change with animation and bg color change with animation

A Fluter tabview that text color can change with animation and bg color change with animation

float_tab A Fluter tabview that text color can change with animation and bg color change with animation Getting Started This project is a starting poi

Dec 8, 2021

Material color picker, you can customize colors. Selection in two step, first main color and after shades.

Material color picker, you can customize colors. Selection in two step, first main color and after shades.

Flutter Material Color Picker Material Color picker is a Flutter widget, that can be customizable. By default, it's Material Colors, but you can defin

Nov 25, 2022

Authentication + Splash Screen Flutter UI, UI created getting inspired from one share on dribble with flutter

Authentication + Splash Screen Flutter UI, UI created getting inspired from one share on dribble with flutter

Rest App, with Firebase Auth + SplashScreen UI created getting inspired from one share on dribble with flutter, after getting amazing responce, Added

Dec 17, 2022

A Flutter Splash Screen For Food Delivery App

newfoodexpress A new Flutter project on board screen or splash screen for any app. But this developed for Food delivery app. Getting Started This proj

Dec 27, 2022

🎮 Style your flutter game with a beautiful splash screen.

🎮 Style your flutter game with a beautiful splash screen.

Flame Splash Screen Style your flame game with a beautiful splash screen. This package includes a FlameSplashScreen widget. Install Add flame_splash_s

Sep 13, 2022
Comments
  • Help

    Help

    Execution failed for task ':hexcolor:parseDebugLocalResources'.

    Could not resolve all files for configuration ':hexcolor:androidApis'. Failed to transform android.jar to match attributes {artifactType=android-platform-attr, org.gradle.libraryelements=jar, org.gradle.usage=java-runtime}. > Execution failed for PlatformAttrTransform: C:\Users\HP\AppData\Local\Android\Sdk\platforms\android-31\android.jar. > C:\Users\HP\AppData\Local\Android\Sdk\platforms\android-31\android.jar

    How do I fix this

    opened by NQ499 0
Owner
manushikhadka
manushikhadka
null 0 Feb 2, 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
Flutter plugin, support android/ios.Support crop, flip, rotate, color martix, mix image, add text. merge multi images.

image_editor The version of readme pub and github may be inconsistent, please refer to github. Use native(objc,kotlin) code to handle image data, it i

FlutterCandies 317 Jan 3, 2023
Flutter Login Screen with Firebase Auth and Facebook Login

Flutter Login Screen with Firebase Auth and Facebook Login Jumpstart your Flutter app development with this pre-built Flutter starter kit. Don't reinv

null 296 Dec 29, 2022
Flutter Login Screen with Firebase Auth and Facebook Login

Jumpstart your Flutter app development with this pre-built Flutter starter kit. Don't reinvent the wheel by writing the boring boilerplate starter code.

null 12 Dec 19, 2022
Android test task master - Create PIN code screen, authentication by PIN code screen and menu screen

Here is described test tasks for a android dev. Need to implement three screens:

null 3 Oct 4, 2022
Tinder login page - Implementation of the Tinder app login screen with flutter

Tinder (login page) Implementação da tela de login do app Tinder a partir da lei

Eduardo Farias 0 Feb 5, 2022
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 28 Oct 7, 2022
A Flutter implementation of splash screen. Supports Android and IOS.

your_splash A Flutter implementation of splash screen. Supports Android and IOS. Features Supports splash screen with the Future callback Supports spl

Stepanenko Stanislav 6 Sep 27, 2022
A splash screen for flutter, hide when application loaded ,it works on iOS and Android.

flutter_splash_screen A splash screen API for flutter which can programatically hide and show the splash screen. Works on Android and iOS. Content Cha

Devio.org 92 Jan 9, 2023