A clean and modern Settings Page UI built with Flutter. This standalone screen features a user profile section at the top, a non-functional theme toggle (light/dark mode switch), and a list of settings options presented as elegant list cards.
Perfect as a reusable settings screen for any Flutter app or as a UI practice project!
- 👤 Profile Header – Displays a circular profile image, user name, and email/subtitle.
- 🌙 Theme Toggle – Beautiful switch for light/dark mode (visual only – not connected to actual theme change).
- 📋 Settings List Cards – Scrollable list of settings options (e.g., Account, Notifications, Privacy, About) with icons, titles, subtitles, and trailing arrows/switches.
- 🎨 Modern & Responsive Design – Clean Material Design with proper spacing, shadows, and smooth feel.
- 🧩 Easy to Extend – Simple structure, ready to add more options or make the toggle functional.
master– 🔥 Latest stable version with all UI features implemented.
Note: Always use the
masterbranch when cloning or referencing the latest code.
- 💙 Flutter – Cross-platform framework for building beautiful native apps.
- 🎯 Dart – Programming language used with Flutter.
(No additional packages required – pure Flutter widgets!)
Make sure you have the following installed:
- Flutter SDK (version 3.0.0 or higher)
- Dart SDK (included with Flutter)
- A code editor (VS Code, Android Studio, etc.)
- Git
- An emulator or physical device for testing
Clone the repository and install dependencies:
git clone https://github.com/yourusername/settings-page-ui.git
cd settings-page-ui
flutter pub get