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.
flutter_snake_navigationbar
646
Flutter bottom navigation bar widget with snake animation on change item.
custom_navigation_bar
521
A custom navigation bar with bubble click effect. Inspired by The Boring Flutter Development Show EP. 35.
persistent_bottom_nav_bar_v2
371
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.
animated_notch_bottom_bar
360
This package helps you to achieve animated notch bottom navigation bar with any widget as children.
water_drop_nav_bar
359
Bottom navigation bar, it has unique water drop effect. When water droplet falls it marks seleted item.
expandable_bottom_bar
340
Animatable bottom app bar with expandable sheet. Use me if you need cool bottom bar!
sliding_clipped_nav_bar
316
Bottom Navigation Bar with sliding menu icon and text with clipping effect, it also has ripple effect when tapped.
flutter_floating_bottom_bar
260
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
245
A collection of stylish bottom navigation bars like animated bottom bar and bubble bottom bar for flutter.
motion_tab_bar
242
An animated Bottom Navigation Bar for Flutter apps, icon animates into place, colors are customizable.
fancy_bottom_navigation
229
An animated Bottom Navigation Bar for Flutter apps, icon animates into place, colors are customisable..
floating_bottom_navigation_bar
189
Highly customizable floating bottom navigation package for flutter.
scroll_bottom_navigation_bar
186
This package allow hide or show bottom navigation bar while scrolling
bottom_bar_matu
164
A beautiful and animated bottom navigation bar, easy to implementation with icon data or customize with your own widget.
cuberto_bottom_bar
149
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
144
A beautiful, clean and simple bottom navigation bar with smooth animation on click. This package is high customizable, read more bellow for more details.
floating_bottom_bar
111
This package provides sliding animation to floating action button located at the center and bottom tab button.
bottom_personalized_dot_bar
98
Bottom Personalized Dot Bar, Drag and drop all your items, customize your bottom navigation in the best way.
curved_labeled_navigation_bar
91
Stunning Animating Curved Shape Navigation Bar. Adjustable color, background color, animation curve, animation duration.
motion_tab_bar_v2
88
An animated Bottom Navigation Bar for Flutter apps, icon animates into place, colors are customizable.
floating_frosted_bottom_bar
87
Frosted bottom navigation bar allows you to create frsoted bottom bar that also reacts on scroll events.
bottom_nav_layout
87
A quick and powerful app layout. Supports page state preservation, lazy page loading, and has a page backstack.
crystal_navigation_bar
86
Sleek, crystal-clear blur bottom navigation bar with dynamic indicator for seamless app navigation.
bubbled_navigation_bar
72
Stunning Animating Bubbled Shape Navigation Bar. Adjustable color, background color, animation curve, animation duration. Working with PageView via controller param.
responsive_navigation_bar
70
A responsive bottom navigation bar. Very beginner friendly. Feel free to contribute.
floating_navbar
69
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
65
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.
pandabar
64
A fancy bottom navigation bar for pandas. Pandabar designed for new neumorphic design trend.
custom_navigator
51
A flutter package that makes it easy to create your own navigator anywhere in the widget tree.
fancy_bar
46
An fancy yet beautiful flutter widget to use with the bottomNavigationBar, supports on selected and works with any widgets.
dot_curved_bottom_nav
41
Stunning Animating Curved Shape Around Indicator Navigation Bar. Adjustable color, background color, animation curve, animation duration.
draggable_customized_btn_navy_bar
32
draggable_customized_btn_navy_bar, Drag and drop all your items, customize your bottom navigation in the best way.
curved_nav_bar
30
Bottom nav bar with FAB, You can use FAB as a middle tab or perform other operations like, open popup or open camera.
scrollable_reorderable_navbar
30
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
28
A fully customisable bottom navbar with top,bottom indicator and gradients.
blur_bottom_bar
28
Flutter blur bottom bar is a recreation of the ios tab view with material desifn for android and ios
bottom_sheet_expandable_bar
27
A package to show and bottom bar with the capability to expand and show a bottom sheet
global_bottom_navigation_bar
25
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.
bottom_animation
25
Flutter Bottom Navigation Bar | if you want bottom navigation with smooth animation add this package .
shaped_bottom_bar
24
Fully customizable bottom navigation bar with multiple built-in shapes and support custom shapes also with built-in transition animations
ultimate_bottom_navbar
21
Ultimate Bottom Navigation Bar is a customizable bottom navigation bar for your Flutter applications.
rounded_tabbar_widget
18
A simple flutter package for creating a TabBarView layout with custom Tabbar.
sweet_nav_bar
12
This package is to build gradiant and floating Navigation Bar with a few lines of code.
navigation_view
9
NavigationView is a Flutter package that provides a customizable navigation bar with animated transitions.
animated_botton_navigation
8
An animated bottom navigation bar for Flutter, designed to provide a smooth and visually appealing transition between tabs.you can use like docunment
stage_navigation_bar
8
A Flutter package for beautiful navigation bar with animation when select item.
glow_bottom_app_bar
5
Simple Bottom App Bar with Glowing transition effect to provide a beautiful effect for navigation
flexi_bottom_nav
1
FlexiBottomNavigation is a customizable bottom navigation widget for Flutter. It allows you to easily create a bottom navigation bar with configurable icons, labels, and colors, giving you the flexibility to tailor the navigation experience to your app's needs.
curved_navigation_bar
0
Stunning Animating Curved Shape Navigation Bar. Adjustable color, background color, animation curve, animation duration.
convex_bottom_bar
0
A Flutter package which implements a ConvexAppBar to show a convex tab in the bottom bar. Theming supported.
bottom_navy_bar
0
A beautiful and animated bottom navigation. The navigation bar use your current theme, but you are free to customize it.
persistent_bottom_nav_bar
0
A do all, highly customizable persistent/static bottom navigation bar for flutter. Includes up-to 20 styles.