Flutter Login Screens
A collection of visually beautiful UI Login Screens, Buttons, and Loaders created with Flutter and ready to use in your applications.
Screenshots And Usage
Loaders

ColorLoader
requires colors
and duration
as mandatory parameters. FlipLoader
and FlipLoader2
do not require any parameters.
Color Loader
List<Color> colors = [
Colors.red,
Colors.green,
Colors.indigo,
Colors.pinkAccent,
Colors.blue
];
//Use in widget tree
ColorLoader(
colors: colors,
duration: Duration(milliseconds: 1200)
),
Flip Loader
Example #1
FlipLoader(
loaderBackground: Colors.red,
iconColor: Colors.white,
icon: Icons.email,
animationType: "full_flip"),
Example #2
FlipLoader(
loaderBackground: Colors.blueAccent,
iconColor: Colors.orangeAccent,
icon: Icons.subway,
animationType: "half_flip",
rotateIcon: true,
),
Example #3
FlipLoader(
loaderBackground: Colors.green,
iconColor: Colors.white,
icon: Icons.wifi,
animationType: "half_flip",
shape: "circle",
rotateIcon: false,
),
I AM WORKING ON MORE LOADERS. THESE LOADERS WILL ALSO BE UPDATED. THANKS TO JAKELEVERONI FOR PARAMETERIZING THE FLIPLOADER.
Buttons

Simple Round Button
SimpleRoundButton(
backgroundColor: Colors.redAccent,
buttonText: Text("LOGIN",
style: TextStyle(
color: Colors.white
),
),
textColor: Colors.white,
)
Simple Round Icon Button
SimpleRoundIconButton(
backgroundColor: Colors.orangeAccent,
buttonText: Text("SEND EMAIL",
style: TextStyle(
color: Colors.white
),
),
textColor: Colors.white,
icon: Icon(Icons.email),
)
Simple Round Icon Only Button
SimpleRoundOnlyIconButton(
backgroundColor: Colors.blueAccent,
icon: Icon(Icons.phone),
iconAlignment: Alignment.center,
)
Login Screens
Login Screen 1

Usage
Container( child: LoginScreen1( primaryColor: Color(0xFF4aa0d5), backgroundColor: Colors.white, backgroundImage: new AssetImage("assets/images/full-bloom.png"), ), )
Login Screen 2

Usage
Container( child: LoginScreen2( backgroundColor1: Color(0xFF444152), backgroundColor2: Color(0xFF6f6c7d), highlightColor: Color(0xfff65aa3), foregroundColor: Colors.white, logo: new AssetImage("assets/images/full-bloom.png"), ), )
Login Screen 3

Usage
Container( child: LoginScreen3(), )
GitHub
https://github.com/samarthagarwal/FlutterScreens