Zeba Academy Auth UI
A productionβready Flutter Authentication UI Kit providing modern, responsive, and customizable authentication screens for Flutter applications.
β¨ Overview
zeba_academy_auth_ui is a professional authentication UI package designed to accelerate Flutter app development. It includes beautifully designed login, signup, OTP verification, forgot password flows, and reusable social login components.
Built with clean architecture, responsive layouts, and modern UI principles.
π Features
β Modern Login Screen β Signup / Registration Screen β OTP Verification UI β Forgot Password Flow β Social Login Buttons (Google, Facebook, Apple ready) β Fully Responsive Layouts β Dark & Light Theme Support β Customizable Components β ProductionβReady Structure
π¦ Installation
Add the package to your pubspec.yaml:
dependencies:
zeba_academy_auth_ui: ^0.0.1
Then run:
flutter pub get
π§± Project Structure
lib/
βββ src/
βββ screens/
β βββ login_screen.dart
β βββ signup_screen.dart
β βββ otp_screen.dart
β βββ forgot_password_screen.dart
β
βββ widgets/
β βββ auth_text_field.dart
β βββ auth_button.dart
β βββ social_login_button.dart
β
βββ theme/
βββ auth_theme.dart
π Usage
Import Package
import 'package:zeba_academy_auth_ui/zeba_academy_auth_ui.dart';
Example App
import 'package:flutter/material.dart';
import 'package:zeba_academy_auth_ui/zeba_academy_auth_ui.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
home: const LoginScreen(),
);
}
}
π¨ Customization
All components are customizable:
AuthButton(
text: "Login",
onPressed: () {},
color: Colors.blue,
)
You can override themes using your app theme or custom styles.
π± Responsive Design
The UI automatically adapts to:
- Mobile phones
- Tablets
- Large screens
- Landscape orientation
Built using flexible layouts and media queries.
π Authentication Logic
This package provides UI only.
You can connect it with:
- Firebase Authentication
- REST APIs
- Supabase
- Custom backend
π§ͺ Testing
Run tests using:
flutter test
Static analysis:
flutter analyze
π§© Included Widgets
| Widget | Description |
|---|---|
| LoginScreen | Modern login interface |
| SignupScreen | User registration UI |
| OtpScreen | OTP verification layout |
| ForgotPasswordScreen | Password recovery flow |
| AuthTextField | Styled input field |
| AuthButton | Primary action button |
| SocialLoginButton | Social auth buttons |
π License
This project is licensed under the GNU General Public License v3.0 (GPLβ3.0).
See the LICENSE file for details.
π€ Contributing
Contributions are welcome!
- Fork the repository
- Create a feature branch
- Commit your changes
- Submit a Pull Request
π’ Zeba Academy
Developed and maintained by Zeba Academy.
β Support
If you like this package:
β Star the repository π Report issues π‘ Suggest features
π Roadmap
Animation enhancementsBiometric login UIMultiβfactor authentication UIPrebuilt Firebase adapters