zeba_academy_micro
A beautiful and lightweight Flutter micro interaction animation toolkit.
zeba_academy_micro helps you create delightful user experiences with smooth animations, interactive gestures, animated loaders, swipe feedback, tap effects, and more ā all with minimal code.
⨠Features
- šÆ Button press effects
- š Tap animations
- ā Success animations
- āļø Swipe feedback
- š Smooth UI transitions
- š Gesture interactions
- ā³ Interactive loaders
- š Delight animations
- ā” Lightweight and customizable
- š± Works on Android, iOS, Web, Windows, macOS, and Linux
š¦ Installation
Add this to your pubspec.yaml:
dependencies:
zeba_academy_micro: ^0.0.1
Then run:
flutter pub get
š Import
import 'package:zeba_academy_micro/zeba_academy_micro_animations.dart';
šÆ Widgets Included
| Widget | Description |
|---|---|
MicroBounceButton |
Animated press/bounce button |
TapScale |
Scale animation on tap |
PulseLoader |
Animated pulse loader |
SuccessBurst |
Success check animation |
SwipeFeedback |
Swipe interaction feedback |
FadeSlideTransition |
Smooth fade-slide transition |
FloatingEmoji |
Delight floating animation |
š„ Usage Examples
MicroBounceButton
MicroBounceButton(
onTap: () {
debugPrint('Tapped!');
},
child: Container(
padding: const EdgeInsets.all(20),
decoration: BoxDecoration(
color: Colors.blue,
borderRadius: BorderRadius.circular(12),
),
child: const Text(
'Press Me',
style: TextStyle(color: Colors.white),
),
),
)
TapScale
TapScale(
onTap: () {},
child: const Icon(Icons.favorite),
)
PulseLoader
const PulseLoader(
color: Colors.blue,
size: 60,
)
SuccessBurst
const SuccessBurst(
size: 120,
color: Colors.green,
)
SwipeFeedback
SwipeFeedback(
onSwipeRight: () {
debugPrint('Swiped!');
},
child: ListTile(
title: Text('Swipe Me'),
),
)
FadeSlideTransition
FadeSlideTransition(
animation: animation,
child: const Text('Animated'),
)
FloatingEmoji
const FloatingEmoji(
emoji: 'āØ',
)
š± Example
import 'package:flutter/material.dart';
import 'package:zeba_academy_micro/zeba_academy_micro_animations.dart';
void main() {
runApp(const DemoApp());
}
class DemoApp extends StatelessWidget {
const DemoApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: const Text('Zeba Academy Micro'),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
MicroBounceButton(
onTap: () {},
child: Container(
padding: const EdgeInsets.all(20),
decoration: BoxDecoration(
color: Colors.blue,
borderRadius: BorderRadius.circular(12),
),
child: const Text(
'Press Me',
style: TextStyle(color: Colors.white),
),
),
),
const SizedBox(height: 30),
const PulseLoader(),
const SizedBox(height: 30),
const SuccessBurst(),
const SizedBox(height: 30),
const FloatingEmoji(),
],
),
),
),
);
}
}
šØ Why Use zeba_academy_micro?
Modern apps feel better when interactions are alive and responsive.
This package helps you:
- Improve user experience
- Add delightful animations quickly
- Create polished interfaces
- Reduce repetitive animation code
- Build engaging Flutter apps effortlessly
š Platform Support
| Platform | Supported |
|---|---|
| Android | ā |
| iOS | ā |
| Web | ā |
| Windows | ā |
| macOS | ā |
| Linux | ā |
š Roadmap
Future versions may include:
- Physics-based animations
- Magnetic buttons
- Confetti effects
- Liquid loaders
- Hover interactions
- Parallax effects
- Haptic feedback
- Interactive cards
- Advanced gesture systems
š¤ Contributing
Contributions are welcome!
If you'd like to improve this package:
- Fork the repository
- Create your feature branch
- Commit your changes
- Push to the branch
- Open a Pull Request
š License
This project is licensed under the GPL License.
šØāš» About Me
⨠Iām Sufyan bin Uzayr, an open-source developer passionate about building and sharing meaningful projects.
You can learn more about me and my work at sufyanism.com or connect with me on LinkedIn
š Your all-in-one learning hub!
Explore courses and resources in coding, tech, and development at zeba.academy and code.zeba.academy.
Empower yourself with practical skills through curated tutorials, real-world projects, and hands-on experience.
Level up your tech game today! š»āØ
Zeba Academy
A learning platform dedicated to coding, technology, and development.
ā” Visit our main site: https://zeba.academy ā” Explore hands-on courses and resources at: https://code.zeba.academy ā” Check out our YouTube for more tutorials: https://www.youtube.com/@zeba.academy ā” Follow us on Instagram: https://www.instagram.com/zeba.academy/
ā Support
If you like this package, please give it a star on GitHub and share it with the Flutter community.
Thank you for visiting!