alive_picker 1.0.0
alive_picker: ^1.0.0 copied to clipboard
A beautiful, animated Flutter date & time picker package with seasonal themes, smooth animations, and multi-language support (EN, AR, FR). Features modern UI with glassmorphism effects.
Alive Picker 🎨 #
A beautiful, animated Flutter date & time picker package with seasonal themes, smooth animations, and multi-language support.
✨ Features #
- 🌸 Seasonal Picker - Interactive character animations for Winter, Spring, Summer, and Autumn
- ⏰ Animated Time Picker - Fluid time selection with beautiful sky gradients
- 📅 Modern Date Picker - Sleek 3-step date selection flow
- 🌍 Multi-language Support - English, Arabic, and French out of the box
- 🎨 Customizable - Primary colors, text styles, and more
- ✨ Smooth Animations - Micro-interactions and transitions throughout
📦 Installation #
Add alive_picker to your pubspec.yaml:
dependencies:
alive_picker: ^1.0.0
Then run:
flutter pub get
🚀 Quick Start #
1. Add Localization Support #
In your MaterialApp, add the localization delegates:
import 'package:alive_picker/alive_picker.dart';
import 'package:flutter_localizations/flutter_localizations.dart';
MaterialApp(
localizationsDelegates: [
AlivePickerLocalizations.delegate,
GlobalMaterialLocalizations.delegate,
GlobalWidgetsLocalizations.delegate,
GlobalCupertinoLocalizations.delegate,
],
supportedLocales: const [
Locale('en'),
Locale('ar'),
Locale('fr'),
],
// ...
)
2. Show Seasonal Picker #
showDialog(
context: context,
builder: (context) => const SeasonalSelectionDialog(),
);
3. Show Time Picker #
showDialog(
context: context,
builder: (context) => AnimatedTimePickerDialog(
initialTime: TimeOfDay.now(),
onTimeSelected: (time) {
print('Selected: ${time.format(context)}');
},
),
);
4. Show Date Picker #
showDialog(
context: context,
builder: (context) => ModernDatePicker(
onDateSelected: (date) {
print('Selected: ${date.day}/${date.month}/${date.year}');
},
),
);
🎨 Customization #
Time Picker Colors #
AnimatedTimePickerDialog(
initialTime: TimeOfDay.now(),
primaryColor: Colors.purple,
backgroundColor: Colors.white,
onTimeSelected: (time) {},
)
Date Picker Options #
ModernDatePicker(
startYear: 2000,
endYear: 2030,
primaryColor: Colors.teal,
onDateSelected: (date) {},
)
🌍 Supported Languages #
| Language | Code | Status |
|---|---|---|
| English | en |
✅ |
| Arabic | ar |
✅ |
| French | fr |
✅ |
📱 Screenshots #
| Seasonal Picker | Time Picker | Date Picker |
|---|---|---|
![]() |
![]() |
![]() |
📄 License #
This project is licensed under the MIT License - see the LICENSE file for details.
🤝 Contributing #
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the repository
- Create your feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add some amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
👨💻 Author #
Abdalrhman Reda
- GitHub: @abdalrhmanreda
Made with ❤️ in Flutter


