Login Screen UI - Part 2 | Flutter UI | Speed Code
Design a beautiful Login Screen using Flutter with a modern UI and nice animations.
🎨 Figma Design: https://bit.ly/3RN9FIl
🖥 Source Code: https://bit.ly/3J4ms6d
🔴 Subscribe for more Flutter videos: / @debugerrorx
☕️ Creating these videos requires a lot of time and effort. If you enjoy my content you can buy me a coffee so I can produce more videos during the night:
https://www.buymeacoffee.com/debugerrorx
This video series is all about designing a Login Screen with a modern UI using the latest features offered by Flutter. In a total of three parts, we will create a unique background using Glassmorphism, design appealing input fields for the best user experience, and include eye-catching animations for a smooth feeling.
In this part, we will design all elements a user can interact with. You will learn how to import a font with different weights, how to use high-quality images in Flutter, and how to design custom input fields with rounded edges and prefix icons for the best possible user experience.
Don't forget to like and subscribe.
Thanks for watching!
🕘 Timestamps:
00:00 - Intro
00:31 - Add Fonts and Images
01:56 - Login Content
03:04 - Top Text
04:19 - Center Section of First Screen
11:22 - Center Section of Second Screen
12:31 - Bottom Text
▶️ Check out the entire playlist: • Login Screen UI
🎬 Watch the most recent videos: / @debugerrorx
🔎 VS Code Extensions:
Community Material Theme by Equinusocio
Material Icon Theme by Philipp Kief
#loginscreen #flutterui #speedcode #loginpage #flutterdeveloper