Flutter Gems
Flutter Gems is a curated list of 6700+ useful Dart & Flutter packages that are categorized based on functionality.
Top Flutter Badge, Corner Banner and Ribbon packages
Last updated: January 26, 2025
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
👍 3.58K ⬇️ 274.4K
Dart 3 compatibleMaintenance 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
👍 110 ⬇️ 263
Dart 3 compatibleMaintenance Status: Average
RotatedCornerDecoration package was developed to create and apply corner badges. It provides auto rotation of TextSpans.
app_badge_plus
👍 54 ⬇️ 28.6K
Dart 3 compatibleMaintenance Status: Good
A Flutter plugin for adding badges to your app icon.
banner_listtile
👍 71 ⬇️ 99
Dart 3 compatibleMaintenance Status: Average
Create a tile with banner at the corner and lot more option to customize. Eg: Banner with new or offer tag.
super_banners
👍 55 ⬇️ 2.8K
Dart 3 compatibleMaintenance Status: Poor
Display angled banners on top of your content with super_banners!
flavor
👍 53 ⬇️ 1.1K
Dart 3 compatibleMaintenance Status: Poor
An easy way to configure flavor settings and displaying flavor banner.
flutter_app_badge
👍 26 ⬇️ 9K
Dart 3 compatibleMaintenance Status: Average
Plugin to update the app badge on the launcher iOS and macOS
icon_badge
👍 32 ⬇️ 365
Dart 3 compatibleMaintenance Status: Poor
A simple flutter icon widget with notification badge to show number of items.
card_banner
👍 26 ⬇️ 2
Dart 3 compatibleMaintenance Status: Poor
A simple widget that helps you place a banner on any widget.
flutter_badged
👍 22 ⬇️ 199
Dart 3 compatibleMaintenance 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 ⬇️ 27
Maintenance Status: Poor
BottomNavigationBadge is a Flutter widget that allows developers to add notification badges to bottom navigation bar items.
floating_ribbon
👍 22 ⬇️ 31
Maintenance Status: Poor
A new Flutter package for creating floating ribbons on images.