Flutter Gems
Flutter Gems is a curated list of 6700+ useful Dart & Flutter packages that are categorized based on functionality.
Top Flutter App Bar and Action Bar packages
Last updated: January 26, 2025
An App bar is the top-most component in a Flutter app that is used for branding, screen titles, navigation, and actions. The action items typically represented by icons or text provide easy access to common actions within an app. An app bar can also transform into a contextual action bar base on the context.
In Flutter, one can also add a Sliver app bar that creates a flexible and responsive app bar which can be used in a variety of scenarios.
Some of the most popular Flutter packages to create and customize App Bar, Sliver App Bar and Action Bar are provided below.
draggable_home
👍 730 ⬇️ 802
Dart 3 compatibleMaintenance Status: Average
Draggable is a library for adding a beautiful draggable home page
flutter_custom_tabs
👍 236 ⬇️ 126.8K
Dart 3 compatibleMaintenance Status: Good
A Flutter plugin for mobile apps to launch a URL in Custom Tabs/SFSafariViewController.
extended_sliver
👍 160 ⬇️ 15.8K
Dart 3 compatibleMaintenance Status: Poor
A powerful extension library of Sliver, which include SliverPinnedPersistentHeader, SliverPinnedToBoxAdapter and ExtendedSliverAppbar.
super_cupertino_navigation_bar
👍 168 ⬇️ 1.2K
Dart 3 compatibleMaintenance Status: Average
Elevate your Flutter app's aesthetics with a collapsible app bar, stylish search bar animation, and versatile design inspired by iOS.
sliver_app_bar_builder
👍 104 ⬇️ 1.7K
Dart 3 compatibleMaintenance Status: Average
A truly customizable sliver for app bars with the benefit of using builders.
sliver_snap
👍 84 ⬇️ 1.9K
Dart 3 compatibleMaintenance Status: Good
Allows you to use powerful snapping slivers with expanded and collapsed bars.
contextualactionbar
👍 66 ⬇️ 84
Dart 3 compatibleMaintenance Status: Average
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
customizable_space_bar
👍 64 ⬇️ 434
Dart 3 compatibleMaintenance Status: Poor
AppBar which changes the content with scrolling rate. Enables to implement "Large Title"
appbar_animated
👍 59 ⬇️ 123
Dart 3 compatibleMaintenance Status: Poor
Library to help you create animated text and background colors when scrolled.
app_bar_with_search_switch
👍 52 ⬇️ 720
Dart 3 compatibleMaintenance Status: Good
An extension for AppBar which can switch it into search field.
background_app_bar
👍 45 ⬇️ 2.3K
Dart 3 compatibleMaintenance Status: Good
A background app bar plugin, use this plugin if you want to preserve background of sliver app bar when scrolling,
flutter_collapsing_toolbar
👍 47 ⬇️ 47
Dart 3 compatibleMaintenance Status: Poor
A Flutter package to create a Romantic Collapsing Toolbar.
fluent_appbar
👍 45 ⬇️ 33
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
👍 32 ⬇️ 507
Dart 3 compatibleMaintenance Status: Poor
You can create a large appbar and make a smooth fade effect by swiping.
animated_appbar
👍 27 ⬇️ 54
Dart 3 compatibleMaintenance Status: Poor
AppBar which can dynamically change height with page navigation.
rubber_app_bar
👍 10 ⬇️ 37
Dart 3 compatibleMaintenance Status: Average
A Flutter package that provides a custom widget for having a rubber app bar that stretches and contracts while scrolling.
scroll_app_bar
👍 98 ⬇️ 158
Maintenance Status: Poor
Hide or show app bar while scrolling. This package works without custom scroll view and slivers.
sliver_header_delegate
👍 83 ⬇️ 263
Maintenance Status: Poor
A flexible sliver header delegate that allows easily customize your SliverHeader
sliver_fab
👍 77 ⬇️ 45
Maintenance Status: Poor
A wrapper widget allowing to place a widget on the edge of FlexibleSpacebar
sliverbar_with_card
👍 60 ⬇️ 30
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
👍 38 ⬇️ 213
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 ⬇️ 26
Maintenance Status: Poor
Scaling header(appBar) with scroll interactions
decorative_app_bar
👍 25 ⬇️ 23
Maintenance Status: Poor
A Flutter Package for Decorating Your AppBar and Adding Extra Widgets
appbar_elevation
👍 17 ⬇️ 20
Maintenance Status: Poor
A Flutter Widget for an AppBar that is initially flush with the body and elevated when scrolled.