zeba_academy_badge_kit 0.1.0 copy "zeba_academy_badge_kit: ^0.1.0" to clipboard
zeba_academy_badge_kit: ^0.1.0 copied to clipboard

A lightweight, customizable Flutter badge package supporting dot badges, counters, animations, and position control for any widget.

Zeba Academy Badge #

A lightweight, customizable Flutter badge package supporting notification counters, dot badges, animated updates, and position control for any widget.


✨ Features #

  • šŸ”” Notification counter badges
  • šŸ”“ Dot badges
  • šŸ“ Position customization (topLeft, topRight, bottomLeft, bottomRight)
  • šŸŽ¬ Smooth scale animations on updates
  • šŸŽÆ Works with any widget (icons, avatars, buttons)
  • ⚔ Lightweight & easy to integrate

šŸ“¦ Installation #

Add this to your pubspec.yaml:

dependencies:
  zeba_academy_badge: ^0.1.0

Then run:

flutter pub get
šŸš€ Usage
šŸ”” Counter Badge
import 'package:flutter/material.dart';
import 'package:zeba_academy_badge/zeba_academy_badge.dart';

ZebaBadge(
  count: 5,
  child: Icon(Icons.notifications),
);
šŸ”“ Dot Badge
ZebaBadge(
  showDot: true,
  child: Icon(Icons.message),
);
šŸ“ Position Control
ZebaBadge(
  count: 10,
  position: BadgePosition.topLeft,
  child: Icon(Icons.email),
);
šŸŽØ Custom Styling
ZebaBadge(
  count: 99,
  style: ZebaBadgeStyle(
    color: Colors.green,
    textColor: Colors.white,
    borderRadius: 12,
  ),
  child: Icon(Icons.shopping_cart),
);
šŸ“Œ Parameters
Parameter	Description
count	Number to display in badge
showDot	Shows small dot instead of number
position	Badge position on widget
style	Customize color, padding, text style
maxCount	Maximum display value (e.g. 99+)
animationDuration	Animation speed
šŸ“± Example
ZebaBadge(
  count: 120,
  maxCount: 99,
  child: Icon(Icons.notifications_active),
);
🧠 Use Cases
Chat apps (unread messages)
E-commerce carts
Notifications system
Social media apps
Dashboard alerts
šŸ‘Øā€šŸ’» 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

šŸš€ Zeba Academy

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 is a learning platform dedicated to coding, technology, and development.

āž” Visit main site: https://zeba.academy
āž” Courses: https://code.zeba.academy
āž” YouTube: https://www.youtube.com/@zeba.academy
āž” Instagram: https://www.instagram.com/zeba.academy/

šŸ“œ License

This project is licensed under the GNU General Public License v3.0 (GPL-3.0).

You are free to:

Use
Modify
Distribute

Under the terms of GPL-3.0, any derivative work must also remain open-source under the same license.

See full license text here: https://www.gnu.org/licenses/gpl-3.0.html

⭐ Support

If you like this package, consider giving it a star ⭐ on GitHub and contributing to improve it!
0
likes
140
points
66
downloads

Documentation

API reference

Publisher

verified publisherzeba.academy

Weekly Downloads

A lightweight, customizable Flutter badge package supporting dot badges, counters, animations, and position control for any widget.

Homepage

License

GPL-3.0 (license)

Dependencies

flutter

More

Packages that depend on zeba_academy_badge_kit