Bottom Navigation Bar

Top Flutter Bottom Navigation Bar packages Bottom Navigation Bar is a navigation component displaying three to five destinations at the bottom of a screen. Each destination is usually represented by an icon and an optional text label. When a bottom navigation icon is tapped, the user is taken to the top-level navigation destination associated with that icon. Bottom Tab Bar is another navigation component used to switch between different screens in an app. It is typically used with a TabBar and a TabBarController. As Bottom Navigation Bar is one of the most used UI component, and many Flutter packages exist that ease the process of adding bottom navigation bar with custom designs and engaging micro-interactions in your app. The complete list of Bottom Navigation Bar, Bottom Bar, Bottom Tab Bar Flutter packages is provided below.

convex_bottom_bar

2631

A Flutter package which implements a ConvexAppBar to show a convex tab in the bottom bar. Theming supported.

persistent_bottom_nav_bar

2114

A do all, highly customizable persistent/static bottom navigation bar for flutter. Includes up-to 20 styles.

curved_navigation_bar

1897

Stunning Animating Curved Shape Navigation Bar. Adjustable color, background color, animation curve, animation duration.

google_nav_bar

1418

A modern google style nav bar which could be use as a bottom navigation bar or tabbar, the design strictly follows the cuberto UI/UX on dribbble.

bottom_navy_bar

1267

A beautiful and animated bottom navigation. The navigation bar use your current theme, but you are free to customize it.

animated_bottom_navigation_bar

1222

Animated Bottom Navigation Bar Widget implementation inspired by a Dribble Shot.

salomon_bottom_bar

955

Yet another bottom navigation bar, but with a few key promises.

flutter_snake_navigationbar

620

Flutter bottom navigation bar widget with snake animation on change item.

custom_navigation_bar

510

A custom navigation bar with bubble click effect. Inspired by The Boring Flutter Development Show EP. 35.

dot_navigation_bar

386

Simple smooth animations, providing a nice and cleanUI/UX Bottom Nav Bar.

expandable_bottom_bar

334

Animatable bottom app bar with expandable sheet. Use me if you need cool bottom bar!

persistent_bottom_nav_bar_v2

326

A do all, highly customizable persistent/static bottom navigation bar for flutter. Includes up-to 20 styles. Based on persistent_bottom_nav_bar which currently is not continued.

water_drop_nav_bar

312

Bottom navigation bar, it has unique water drop effect. When water droplet falls it marks seleted item.

animated_notch_bottom_bar

288

This package helps you to achieve animated notch bottom navigation bar with any widget as children.

sliding_clipped_nav_bar

279

Bottom Navigation Bar with sliding menu icon and text with clipping effect, it also has ripple effect when tapped.

fancy_bottom_navigation

229

An animated Bottom Navigation Bar for Flutter apps, icon animates into place, colors are customisable..

flashy_tab_bar2

223

Another nice animated tab bar

bubble_bottom_bar

220

BubbleBottomBar is a Flutter widget

motion_tab_bar

203

An animated Bottom Navigation Bar for Flutter apps, icon animates into place, colors are customizable.

circular_bottom_navigation

202

Circular Bottom Navigation

flutter_floating_bottom_bar

193

A flutter package that allows showing a floating widget that can be used as a tab bar, bottom navigation bar, etc. The widget reacts to scrolling events too.

stylish_bottom_bar

192

A collection of stylish bottom navigation bars like animated bottom bar and bubble bottom bar for flutter.

scroll_bottom_navigation_bar

179

This package allow hide or show bottom navigation bar while scrolling

floating_bottom_navigation_bar

177

Highly customizable floating bottom navigation package for flutter.

ff_navigation_bar

158

Configurable bottom navigation bar with raised highlight and shadow

bottom_bar_matu

154

A beautiful and animated bottom navigation bar, easy to implementation with icon data or customize with your own widget.

flashy_tab_bar

150

Another nice animated tab bar

awesome_bottom_bar

148

Awesome Bottom Bar

cuberto_bottom_bar

145

An animated bottom navigation bar supporting drawer icon at start or end or can be used with the drawer icon and is provided with 2 different styles.

titled_navigation_bar

142

A beautiful, clean and simple bottom navigation bar with smooth animation on click. This package is high customizable, read more bellow for more details.

bottom_bar

125

Bottom bar helps create an optimized bottom navigation bar with beautiful animations

floating_bottom_bar

104

This package provides sliding animation to floating action button located at the center and bottom tab button.

bottom_personalized_dot_bar

Bottom Personalized Dot Bar, Drag and drop all your items, customize your bottom navigation in the best way.

hidable

Widget, that can make any static located widget hidable (scroll to hide).

extended_navbar_scaffold

A Custom Extended Scaffold with Expandable and Floating Navigation Bar

bottom_nav_layout

A quick and powerful app layout. Supports page state preservation, lazy page loading, and has a page backstack.

motion_tab_bar_v2

An animated Bottom Navigation Bar for Flutter apps, icon animates into place, colors are customizable.

floating_frosted_bottom_bar

Frosted bottom navigation bar allows you to create frsoted bottom bar that also reacts on scroll events.

circle_nav_bar

A package provides an easy way to make circle button nav bar in Flutter project

bottom_bar_page_transition

To display animation between pages while using bottom bar navigation.

bubbled_navigation_bar

Stunning Animating Bubbled Shape Navigation Bar. Adjustable color, background color, animation curve, animation duration. Working with PageView via controller param.

curved_labeled_navigation_bar

Stunning Animating Curved Shape Navigation Bar. Adjustable color, background color, animation curve, animation duration.

pandabar

A fancy bottom navigation bar for pandas. Pandabar designed for new neumorphic design trend.

floating_navbar

Customisable, clean looking bottom floating navbar. FloatingNavBar comes with multiple customization options - colors, page indicators, etc. This can be used as an alternative to the default BottomNavigationBar

contactus

contactus is the package which helps the developers to add their contact information with ease. Developers can add many important details such as website, email, phone number, etc.

rolling_nav_bar

A Flutter nav bar with a rolling active indicator behind each icon

molten_navigationbar_flutter

An animated bottom navigation bar with many parameters to tweak.

responsive_navigation_bar

A responsive bottom navigation bar. Very beginner friendly. Feel free to contribute.

cool_nav

A collection of really awesome, easy to use Bottom Navigation Bars.

custom_navigator

A flutter package that makes it easy to create your own navigator anywhere in the widget tree.

crystal_navigation_bar

Sleek, crystal-clear blur bottom navigation bar with dynamic indicator for seamless app navigation.

bart

A bottom navigation bar using navigator 2 for switching tabs

fancy_bar

An fancy yet beautiful flutter widget to use with the bottomNavigationBar, supports on selected and works with any widgets.

jumping_bottom_nav_bar

Jumping Bottom Navigation Bar for Flutter.

rolling_bottom_bar

Package to show a dynamic bottom bar with a ball as indicator.

inkblob_navigation_bar

A custom navigation bar with smooth & dynamic ink blob transition effect.

navigation_action_bar

A beautiful modern Navigation Bar along with a Floating Action Bar.

circle_bottom_navigation

An animated, beauty and functional Bottom Navigation Bar you app.

flip_box_bar_plus

A 3D BottomNavigationBar inspired by Dribbble design by Dannniel

r_nav_n_sheet

Animated, modern and highly customisable bottom navigation bar for flutter.

draggable_customized_btn_navy_bar

draggable_customized_btn_navy_bar, Drag and drop all your items, customize your bottom navigation in the best way.

curved_nav_bar

Bottom nav bar with FAB, You can use FAB as a middle tab or perform other operations like, open popup or open camera.

ss_bottom_navbar

Flutter modern bottom nav bar.

dot_curved_bottom_nav

Stunning Animating Curved Shape Around Indicator Navigation Bar. Adjustable color, background color, animation curve, animation duration.

scrollable_reorderable_navbar

A bottom nav bar that can be scrolled when there are than 5 nav items to display. It also let user swipe items position and item can be deleted from the navbar.

custom_line_indicator_bottom_navbar

A fully customisable bottom navbar with top,bottom indicator and gradients.

blur_bottom_bar

Flutter blur bottom bar is a recreation of the ios tab view with material desifn for android and ios

bottom_sheet_expandable_bar

A package to show and bottom bar with the capability to expand and show a bottom sheet

pinterest_nav_bar

A new Flutter package project.

global_bottom_navigation_bar

Global Bottom Navigation bar simple to integrate, Also you have the ability to add global App bar with adding an object from app bar in main file when you use this library.

shaped_bottom_bar

Fully customizable bottom navigation bar with multiple built-in shapes and support custom shapes also with built-in transition animations

bottom_animation

Flutter Bottom Navigation Bar | if you want bottom navigation with smooth animation add this package .

rounded_tabbar_widget

A simple flutter package for creating a TabBarView layout with custom Tabbar.

ultimate_bottom_navbar

Ultimate Bottom Navigation Bar is a customizable bottom navigation bar for your Flutter applications.

expanding_bottom_bar

A bottom navigation bar with expanding titles and icons when clicked.

neos_bottom_navigation

A bottom navigation bar widget that is made to be customized

gradient_bottom_navigation_bar

A material Bottom Navigation Bar with a linear gradient option.

sweet_nav_bar

This package is to build gradiant and floating Navigation Bar with a few lines of code.

navigation_view

NavigationView is a Flutter package that provides a customizable navigation bar with animated transitions.