Flutter Gems
Flutter Gems is a curated list of 5600+ useful Dart & Flutter packages that are categorized based on functionality.
Top Flutter App Bar and Action Bar packages
Last updated: April 2, 2024
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
Dart 3 compatible 👍 617
Maintenance Status: Good
Draggable is a library for adding a beautiful draggable home page
flutter_custom_tabs
Dart 3 compatible 👍 213
Maintenance Status: Good
A Flutter plugin for mobile apps to launch a URL in Custom Tabs/SFSafariViewController.
sliver_app_bar_builder
Dart 3 compatible 👍 79
Maintenance Status: Good
A truly customizable sliver for app bars with the benefit of using builders.
super_cupertino_navigation_bar
Dart 3 compatible 👍 74
Maintenance Status: Good
Elevate your Flutter app's aesthetics with a collapsible app bar, stylish search bar animation, and versatile design inspired by iOS.
contextualactionbar
Dart 3 compatible 👍 60
Maintenance Status: Good
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
sliver_snap
Dart 3 compatible 👍 57
Maintenance Status: Good
Allows you to use powerful snapping slivers with expanded and collapsed bars.
app_bar_with_search_switch
Dart 3 compatible 👍 44
Maintenance Status: Good
An extension for AppBar which can switch it into search field.
background_app_bar
Dart 3 compatible 👍 39
Maintenance Status: Good
A background app bar plugin, use this plugin if you want to preserve background of sliver app bar when scrolling,
rubber_app_bar
Dart 3 compatible 👍 5
Maintenance Status: Good
A Flutter package that provides a custom widget for having a rubber app bar that stretches and contracts while scrolling.
extended_sliver
Dart 3 compatible 👍 149
Maintenance Status: Average
A powerful extension library of Sliver, which include SliverPinnedPersistentHeader, SliverPinnedToBoxAdapter and ExtendedSliverAppbar.
customizable_space_bar
Dart 3 compatible 👍 60
Maintenance Status: Poor
AppBar which changes the content with scrolling rate. Enables to implement "Large Title"
flutter_collapsing_toolbar
Dart 3 compatible 👍 46
Maintenance Status: Poor
A Flutter package to create a Romantic Collapsing Toolbar.
appbar_animated
Dart 3 compatible 👍 43
Maintenance Status: Poor
Library to help you create animated text and background colors when scrolled.
fluent_appbar
Dart 3 compatible 👍 42
Maintenance Status: Poor
Fluent AppBar is a package to recreate the iOS large text title bar with a Material design
animated_appbar
Dart 3 compatible 👍 25
Maintenance Status: Poor
AppBar which can dynamically change height with page navigation.
scroll_app_bar
👍 97
Maintenance Status: Poor
Hide or show app bar while scrolling. This package works without custom scroll view and slivers.
sliver_header_delegate
👍 79
Maintenance Status: Poor
A flexible sliver header delegate that allows easily customize your SliverHeader
sliver_fab
👍 77
Maintenance Status: Poor
A wrapper widget allowing to place a widget on the edge of FlexibleSpacebar
sliverbar_with_card
👍 60
Maintenance Status: Poor
A Flutter package to create a SliverAppBar with a Card with action button and back button, excellent to show catalog items.
scaling_header
👍 38
Maintenance Status: Poor
Scaling header(appBar) with scroll interactions
new_gradient_app_bar
👍 36
Maintenance Status: Poor
The official AppBar, with a more colorful twist. Add gradients to spice up your application and make it beautiful.
decorative_app_bar
👍 25
Maintenance Status: Poor
A Flutter Package for Decorating Your AppBar and Adding Extra Widgets
appbar_elevation
👍 18
Maintenance Status: Poor
A Flutter Widget for an AppBar that is initially flush with the body and elevated when scrolled.