Flutter Gems
Flutter Gems is a curated list of 7250+ useful Dart & Flutter packages that are categorized based on functionality.
Top Flutter App Bar and Action Bar packages
Last updated: May 18, 2026
The App Bar (or Action Bar) is the persistent header at the top of a screen. It houses the screen title, navigation controls (back button), and primary contextual actions (search, settings).
Best Practices for App Bars
- Sliver App Bars: For content-heavy screens, use a
SliverAppBarwithin aCustomScrollView. This allows the app bar to dynamically shrink or hide entirely when the user scrolls down, maximizing screen real estate. - Consistent Elevation: Use a subtle drop shadow or elevation to clearly separate the app bar from the scrolling content beneath it.
- Action Limits: Do not clutter the app bar with too many icons. Stick to a maximum of 2 or 3 primary actions (e.g., Search, Filter). Move secondary actions into a trailing dropdown menu (PopupMenuButton).
The complete list of Custom App Bars, Sliver App Bars, and Action Bar packages for Flutter is provided below.
draggable_home
👍 756 ⬇️ 1.4K
Dart 3 compatibleMaintenance Status: Poor
Draggable is a library for adding a beautiful draggable home page
flutter_custom_tabs
👍 279 ⬇️ 138.6K
Dart 3 compatibleMaintenance Status: Good
A Flutter plugin for mobile apps to launch a URL in Custom Tabs/SFSafariViewController.
super_cupertino_navigation_bar
👍 218 ⬇️ 171
Dart 3 compatibleMaintenance Status: Poor
Elevate your Flutter app's aesthetics with a collapsible app bar, stylish search bar animation, and versatile design inspired by iOS.
extended_sliver
👍 163 ⬇️ 22K
Dart 3 compatibleMaintenance Status: Poor
A powerful extension library of Sliver, which include SliverPinnedPersistentHeader, SliverPinnedToBoxAdapter and ExtendedSliverAppbar.
sliver_app_bar_builder
👍 120 ⬇️ 6K
Dart 3 compatibleMaintenance Status: Poor
A truly customizable sliver for app bars with the benefit of using builders.
sliver_snap
👍 103 ⬇️ 5.4K
Dart 3 compatibleMaintenance Status: Good
Allows you to use powerful snapping slivers with expanded and collapsed bars.
customizable_space_bar
👍 67 ⬇️ 269
Dart 3 compatibleMaintenance Status: Poor
AppBar which changes the content with scrolling rate. Enables to implement "Large Title"
contextualactionbar
👍 66 ⬇️ 160
Dart 3 compatibleMaintenance Status: Poor
A Contextual Action Bar(CAB) workaround for flutter. CAB is a top app bar that replace the app app bar and provide contextual actions to selected items
appbar_animated
👍 62 ⬇️ 84
Dart 3 compatibleMaintenance Status: Poor
Library to help you create animated text and background colors when scrolled.
app_bar_with_search_switch
👍 58 ⬇️ 484
Dart 3 compatibleMaintenance Status: Average
An extension for AppBar which can switch it into search field.
flutter_collapsing_toolbar
👍 51 ⬇️ 91
Dart 3 compatibleMaintenance Status: Poor
A Flutter package to create a Romantic Collapsing Toolbar. It will be useful for your awesome app.
background_app_bar
👍 47 ⬇️ 40
Dart 3 compatibleMaintenance Status: Average
A background app bar plugin, use this plugin if you want to preserve background of sliver app bar when scrolling,
fluent_appbar
👍 45 ⬇️ 28
Dart 3 compatibleMaintenance Status: Poor
Fluent AppBar is a package to recreate the iOS large text title bar with a Material design
fade_scroll_app_bar
👍 39 ⬇️ 668
Dart 3 compatibleMaintenance Status: Poor
You can create a large appbar and make a smooth fade effect by swiping.
animated_appbar
👍 29 ⬇️ 94
Dart 3 compatibleMaintenance Status: Poor
AppBar which can dynamically change height with page navigation.
rubber_app_bar
👍 11 ⬇️ 22
Dart 3 compatibleMaintenance Status: Poor
A Flutter package that provides a custom widget for having a rubber app bar that stretches and contracts while scrolling.
scroll_app_bar
👍 98 ⬇️ 434
Maintenance Status: Poor
Hide or show app bar while scrolling. This package works without custom scroll view and slivers.
sliver_header_delegate
👍 84 ⬇️ 344
Maintenance Status: Poor
A flexible sliver header delegate that allows easily customize your SliverHeader
sliver_fab
👍 76 ⬇️ 27
Maintenance Status: Poor
A wrapper widget allowing to place a widget on the edge of FlexibleSpacebar
sliverbar_with_card
👍 60 ⬇️ 33
Maintenance Status: Poor
A Flutter package to create a SliverAppBar with a Card with action button and back button, excellent to show catalog items.
new_gradient_app_bar
👍 39 ⬇️ 86
Maintenance Status: Poor
The official AppBar, with a more colorful twist. Add gradients to spice up your application and make it beautiful.
scaling_header
👍 38 ⬇️ 10
Maintenance Status: Poor
Scaling header(appBar) with scroll interactions
decorative_app_bar
👍 25 ⬇️ 18
Maintenance Status: Poor
A Flutter Package for Decorating Your AppBar and Adding Extra Widgets
appbar_elevation
👍 17 ⬇️ 43
Maintenance Status: Poor
A Flutter Widget for an AppBar that is initially flush with the body and elevated when scrolled.