Flutter Login UI

SNK | Login and Authentication UI Kit (for Flutter)

A complete, premium Flutter Auth & Login UI Kit featuring 7 beautifully crafted design themes, each shipping a full 5-screen authentication flow — Login, Forgot Password, OTP Verification, Reset Password, and Success confirmation screens.

NEW UPDATE: We have now completed and integrated the full Password Recovery Flow (Forgot Password, OTP, Reset Password, and Success) for all 7 themes. The package now contains 35 pixel-perfect screens!

Every screen is pixel-perfect, fully responsive, and built with clean, well-structured Dart code. Designed for rapid integration into any Flutter application with zero heavy third-party dependencies.

Disclaimer: Flutter and the related logo are trademarks of Google LLC. We are not endorsed by or affiliated with Google LLC. This UI Kit is built for compatibility with the Flutter™ framework.

Note: This item is strictly a UI Kit and does not include any third-party dependencies built-in. However, we do provide documentation guides for integrating with services like Firebase and Supabase. Please be aware that if you choose to integrate these platforms, they may charge fees based on your usage. Check their pricing pages for details.

AI Disclosure: Please note that AI-assisted tools were used during the development of some code snippets and documentation within this UI Kit, in accordance with Envato’s AI disclosure policies. All generated content has been thoroughly reviewed, modified, and tested for quality assurance.

What’s Included (35 Screens Total)

• 7 Unique Login Screens: Modern styles including classic cards, split layouts, dark themes, gradient headers, and neon minimalism.
• 7 Forgot Password Screens: Dedicated email and username recovery inputs per theme.
• 7 OTP Verification Screens: Custom 4-digit pin input row with auto-advance, paste support, and a 30-second countdown timer.
• 7 Reset Password Screens: New and confirm password form fields with validation states.
• 7 Success & Confirmation Screens: Polished confirmation feedback for completed flows.
• Shared Reusable UI Components: Modular text fields, buttons, social login blocks, and layout wrappers.
• Interactive Home Showcase Gallery: Preview thumbnails for all themes with instant navigation to any screen.
• Comprehensive Documentation: Detailed setup guides, troubleshooting FAQ, and real-world backend integration tutorials.

✨ Key Features

• Complete 5-Screen Auth Flow: Login → Forgot Password → OTP Verify → Reset Password → Success.
• Smart OTP Verification: Auto-advancing boxes, clipboard paste support, and built-in countdown timers.
• Interactive Button States: Visual loading, success, and error feedback states built directly into verification buttons.
• Real-World Backend Guides: Step-by-step documentation showing how to connect Firebase Auth, REST API / JWT, and Supabase.
• Cross-Platform Ready: Fully tested and optimized for both Android and iOS.
• Easy Customization: Centralized theme colors, typography, and logo asset management.

Screen Flow (Per Theme)

1. Login Screen
2. Forgot Password Screen
3. OTP Verification Screen
4. Reset Password Screen
5. Password Reset Success Screen

️ Requirements

• Flutter SDK (Stable Channel)
• Dart SDK
• Android Studio or VS Code

Comprehensive Documentation & FAQ

Full documentation is included inside the documentation/ folder of the downloaded package. It covers complete installation steps, folder structure breakdowns, a troubleshooting FAQ for common Flutter build hurdles, and guided walkthroughs for backend integration.

Support

Have questions or need guidance? Reach out via the Comments tab on this item page. I respond within 24–48 hours!