Chance AI Login Screen UI in Flutter
A sleek dark-blue gradient login screen inspired by the Chance AI app, built in Flutter. Includes a script-style logo, language selector, and Apple, Google, and Email sign-in buttons.
- #Login Screen
- #Authentication UI
- #Social Login
- #Gradient Background
- #Glassmorphism
- #Dark UI
Overview
This project recreates the welcome/login screen of the Chance visual AI app in Flutter. It's a clean, modern onboarding screen you can drop into any app that needs social sign-in. What's included: - Full-screen blurred gradient background in deep blue and black tones - Handwritten script-style app logo - Glassmorphism language selector button in the top corner - Tagline text with centered layout - Rounded "Continue with Apple", "Continue with Google", and "Continue with Email" buttons - Privacy Policy and Terms of Service footer links - Responsive layout that adapts to different screen sizes The UI is built with plain Flutter widgets, so it's easy to customize colors, fonts, and button actions. Authentication logic is not included; the buttons are ready for you to connect to Firebase Auth or any other sign-in provider. Watch the YouTube video for a step-by-step walkthrough of how the screen is built.
Watch the build
Keep exploring
Related projects
Social & Chat UIFacebook Redesign UI in Flutter
A modern Facebook-inspired social media UI redesign built with Flutter, featuring a clean layout, interactive screens, and a polished mobile experience.
- #Flutter
- #Facebook UI
- #Social Media UI
Flutter Tutorials360° Rotating 3D Shoe in Flutter
Interactive 360° rotating 3D shoe animation built with Flutter, featuring smooth gestures and a modern product-view experience.
- #Flutter
- #3D Animation
- #Shoe UI