Top Flutter Badge, Corner Banner and Ribbon packages

Last updated: May 18, 2026

Badges are small, distinct visual indicators—usually red dots or numbers—attached to icons to indicate unseen notifications, unread messages, or items in a shopping cart.

Best Practices for Badges

• Keep it Simple: Use a simple dot to indicate "new activity" when the exact count isn't important. Only use numbers when the exact quantity matters (e.g., 3 unread emails).
• Cap the Number: Do not display massive numbers like "1,452" in a badge. Cap the maximum displayed value at 99+ so the badge remains perfectly circular and doesn't break your layout.
• Instant Clearing: The moment a user taps the icon to view the notifications, immediately clear the badge to provide instant feedback that their action was recognized.

The complete list of Badge, Notification Counter, and Dot Indicator packages for Flutter is provided below.