Badge, Corner Banner & Ribbon

Top Flutter Badge, Corner Banner and Ribbon packages 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

3357

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.

flutter_app_badger

874

Plugin to update the app badge on the launcher (both for Android, iOS and macOS)

rotated_corner_decoration

101

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

banner_listtile

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

bottom_navigation_badge

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

flavor

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

super_banners

Display angled banners on top of your content with super_banners!

icon_badge

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

flutter_badged

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

floating_ribbon

A new Flutter package for creating floating ribbons on images.