Flutter Gems is a curated list of 6000+ useful Dart & Flutter packages that are categorized based on functionality.

Discord Medium LinkedIn Twitter

Top Flutter Badge, Corner Banner and Ribbon packages

Last updated: December 4, 2024

A ribbon or corner banner is usually used to highlight a particular Card, Icon or any other widget to make them stand out from others in a group. For example, a ribbon can be used to highlight the percentage of savings if a user opts for an annual subscription plan.

Similarly, notification badges are small, round symbols that appear in the top-right corner of an icon to notify users of new messages or updates. They are commonly used in social media and instant messaging apps.

Following Flutter packages can be used to add Widget Badge, App Badge, Ribbon, Corner Banner and Corner Decoration.


badges Card Image
badges
Dart 3 compatible 👍 3.52K
Maintenance Status: Average

A package for creating badges. Badges can be used for an additional marker for any widget, e.g. show a number of items in a shopping cart.

rotated_corner_decoration Card Image
rotated_corner_decoration
Dart 3 compatible 👍 110
Maintenance Status: Average

RotatedCornerDecoration package was developed to create and apply corner badges. It provides auto rotation of TextSpans.

banner_listtile Card Image
banner_listtile
Dart 3 compatible 👍 70
Maintenance Status: Average

Create a tile with banner at the corner and lot more option to customize. Eg: Banner with new or offer tag.

flavor
Dart 3 compatible 👍 52
Maintenance Status: Poor

An easy way to configure flavor settings and displaying flavor banner.

super_banners
Dart 3 compatible 👍 49
Maintenance Status: Poor

Display angled banners on top of your content with super_banners!

icon_badge
Dart 3 compatible 👍 32
Maintenance Status: Poor

A simple flutter icon widget with notification badge to show number of items.

flutter_badged
Dart 3 compatible 👍 22
Maintenance Status: Poor

Badge for showing with icon. You can use it in the bottom menu, navigation drawer or in any place you want.

bottom_navigation_badge
👍 63
Maintenance Status: Poor

BottomNavigationBadge is a Flutter widget that allows developers to add notification badges to bottom navigation bar items.

floating_ribbon
👍 22
Maintenance Status: Poor

A new Flutter package for creating floating ribbons on images.