https://github.com/cod-e-codes/flutter_ui_auth
A fully customizable login and sign-up screen with stunning animations for Flutter applications. This package simplifies the integration of a responsive and animated authentication UI into your Flutter app.
https://github.com/cod-e-codes/flutter_ui_auth
animations authentication flutter flutter-package login-ui sign-up
Last synced: 10 months ago
JSON representation
A fully customizable login and sign-up screen with stunning animations for Flutter applications. This package simplifies the integration of a responsive and animated authentication UI into your Flutter app.
- Host: GitHub
- URL: https://github.com/cod-e-codes/flutter_ui_auth
- Owner: Cod-e-Codes
- License: mit
- Created: 2024-10-22T04:19:19.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-22T04:25:17.000Z (about 1 year ago)
- Last Synced: 2025-01-04T20:42:38.832Z (12 months ago)
- Topics: animations, authentication, flutter, flutter-package, login-ui, sign-up
- Language: Dart
- Homepage: https://github.com/Cod-e-Codes/flutter_ui_auth
- Size: 14.6 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# flutter_ui_auth
A customizable login and sign-up screen with beautiful animations for Flutter applications. This package provides an easy way to add a responsive and animated authentication UI to your Flutter app.
## Features
- Customizable login and sign-up forms.
- Beautiful staggered animations for loading and form transitions.
- Responsive design that works on different screen sizes.
- Customizable text fields and validation logic.
- Supports toggling between sign-in and sign-up modes.
- Password visibility toggles.
## Getting started
To use this package, add `flutter_ui_auth` as a dependency in your `pubspec.yaml` file:
```yaml
dependencies:
flutter_ui_auth: ^1.0.0
```
Then, run the following command:
```bash
flutter pub get
```
## Usage
### Basic Example
Here’s a simple example of how to use the `LoginScreen` widget in your app:
```dart
import 'package:flutter/material.dart';
import 'package:flutter_ui_auth/flutter_ui_auth.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: LoginScreen(
title: 'Welcome to MyApp',
subtitle: 'Login to continue',
onLogin: (email, password) {
// Handle login logic here
},
),
);
}
}
```
### Customization
You can customize the look and feel of the login screen by passing different parameters to the `LoginScreen` widget:
```dart
LoginScreen(
title: 'My Custom App',
subtitle: 'Sign in or register below',
onLogin: (email, password) {
// Your authentication logic here
},
// Add other customization options
)
```
### Available Widgets
- `LoginScreen`: The main screen widget that provides a sign-in and sign-up form with animated transitions.
- Password visibility toggles and validation are included by default.
## Additional information
This package is actively maintained. If you encounter any issues or have feature requests, feel free to open an issue on [GitHub](https://github.com/cod-e-codes/flutter_ui_auth).
### Contributing
Contributions are welcome! If you'd like to contribute, please submit a pull request or file an issue on the repository.
### License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.