🌟 Flutter Login & Register UI A clean and minimal Flutter Login & Registration screen built completely from scratch. This project is part of my Flutter learning journey — focused on mastering UI design and navigation.
📱 Screenshots
| Login Screen | Register Screen |
|
|
|
🧩 Features • Beautiful background image with transparent scaffold • Custom font (Montserrat) and styled text • Rounded input fields with borders and focus states • Smooth navigation between Login ↔ Register using named routes • Responsive layout with MediaQuery
🛠️ Tech Stack • Framework: Flutter • Language: Dart • IDE: Android Studio / VS Code
🚀 How to Run
- Clone the repository: git clone https://github.com/prem-create/LoginUiDesign1.git
- Navigate to the project: cd login_ui
- Get the dependencies: flutter pub get
- Run the app: Flutter run
💡 What I Learned • Setting up named routes in Flutter • Layering widgets using Stack • Making transparent and image-based UIs • Handling TextField decoration and focus • Creating a consistent design theme
🌈 Future Enhancements • Add Firebase authentication • Integrate validation and form logic • Add password visibility toggle • Animate transitions between screens
🧠 Author Prem Dilliwar 📍 Flutter Developer | Learning by Building 🔗 www.linkedin.com/in/prem-dilliwar-40425a376 (linked in) 🔗 https://github.com/prem-create (git hub)