Bottom Navigation Bar packages by Flutter Gems - A Curated Package Guide for Flutter

convex_bottom_bar

👍 607

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

curved_navigation_bar

👍 517

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

google_nav_bar

👍 261

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.

persistent_bottom_nav_bar

👍 254

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

bottom_navy_bar

👍 240

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

bubble_bottom_bar

👍 118

BubbleBottomBar is a Flutter widget designed by cubertodesign and developed by westdabestdb

fancy_bottom_navigation

👍 94

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

expandable_bottom_bar

👍 91

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

animated_bottom_navigation_bar

👍 89

Animated Bottom Navigation Bar Widget implementation inspired by https://dribbble.com/shots/7134849-Simple-Tab-Bar-Animation

flutter_snake_navigationbar

👍 87

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

ff_navigation_bar

👍 84

Configurable bottom navigation bar with raised highlight and shadow

titled_navigation_bar

👍 73

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

custom_navigation_bar

👍 62

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

circular_bottom_navigation

👍 59

Circular Bottom Navigation (or maybe a tab bar)

cuberto_bottom_bar

👍 57

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.

motion_tab_bar

👍 55

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

scroll_bottom_navigation_bar

👍 54

This package allow hide or show bottom navigation bar while scrolling

bubbled_navigation_bar

👍 49

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

bottom_personalized_dot_bar

👍 49

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

salomon_bottom_bar

👍 48

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

extended_navbar_scaffold

👍 39

A Custom Extended Scaffold with Expandable and Floating Navigation Bar

rolling_nav_bar

👍 32

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

fluid_bottom_nav_bar

👍 32

A beautiful bottom navigation with a fluid animation. Bar color, icons and animation speed are fully customizable.

floating_bottom_navigation_bar

👍 30

Highly customizable floating bottom navigation package for flutter.

custom_navigator

👍 29

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

flip_box_bar

👍 23

A 3D BottomNavigationBar inspired by Dribbble design by Dannniel

contactus

👍 18

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.