Flutter Gems
Flutter Gems is a curated list of 5600+ useful Dart & Flutter packages that are categorized based on functionality.
Top Flutter Tab packages
Last updated: April 2, 2024
Tabs are a great way to organize your app and make it easy to navigate. You can use tabs to create different sections of your app, or to switch between different views. Tabs can be placed at the top or bottom of your app, and you can customize their appearance to match your app's design. In iOS and MacOS design system, it is often recommended to use Segmented Controls which is similar to Tabs in terms of functionality.
The Tab Controller is responsible for managing the tabs in the tab bar. It is also responsible for displaying the content associated with each tab. The Tab Controller can be used to create a tab bar with a static set of tabs, or it can be used to create a tab bar with a dynamic set of tabs.
The complete list of Flutter packages that can help you add and customize Tabs, Tab Bar, Tab Indicator, Tab Controller or Segmented Controls is provided below.
buttons_tabbar
Dart 3 compatible 👍 329
Maintenance Status: Good
A Flutter package that implements a TabBar where each label is a toggle button.
extended_tabs
Dart 3 compatible 👍 140
Maintenance Status: Good
A powerful official extension library of Tab/TabBar/TabView, which support to scroll ancestor or child Tabs when current is overscroll, and set scroll direction and cache extent.
custom_sliding_segmented_control
Dart 3 compatible 👍 128
Maintenance Status: Good
Allows you to flexibly configure the widget for displaying controls. You can add color, speed, size, initial value, animation and more.
vertical_scrollable_tabview
Dart 3 compatible 👍 93
Maintenance Status: Good
A Flutter widget which syncronize a ScrollView and a custom tab view.
tabbed_view
Dart 3 compatible 👍 90
Maintenance Status: Good
Flutter widget inspired by the classic Desktop-style tab component. Supports customizable themes.
material_segmented_control
Dart 3 compatible 👍 90
Maintenance Status: Good
A segmented control widget like the one for iOS, but in Material design.
flutter_advanced_segment
Dart 3 compatible 👍 89
Maintenance Status: Good
An advanced segment widget, that can be fully customized with bunch of properties, just try it and enjoy!
scrollable_list_tab_scroller
Dart 3 compatible 👍 80
Maintenance Status: Good
Customizable Flutter widget that synchronizes a scrollable list of grouped items with tabs
animated_segmented_tab_control
Dart 3 compatible 👍 66
Maintenance Status: Good
A customizable segmented control that can be used with a TabView.
widget_with_codeview
Dart 3 compatible 👍 62
Maintenance Status: Good
A widget with side-by-side source code view.
floating_tabbar
Dart 3 compatible 👍 61
Maintenance Status: Good
The floating_tabbar package for Flutter allows you to use the responsive design for all platforms made from the Material Design System.
dynamic_tabbar
Dart 3 compatible 👍 21
Maintenance Status: Good
Flutter package to handle dynamic Tabs (TabBar and TabBarView) in a easiest way.
tab_container
Dart 3 compatible 👍 224
Maintenance Status: Average
Animated and customisable tab view widget. It's self-contained, so you can just pass in children and tabs, or also use a controller, change the tab side, add color(s), and more.
pluto_layout
Dart 3 compatible 👍 66
Maintenance Status: Average
PlutoLayout is a Flutter UI package that can configure a menu or tab screen on each side.
slide_switcher
Dart 3 compatible 👍 50
Maintenance Status: Average
Package for creating switching widgets with extensive customization options
tab_indicator_styler
Dart 3 compatible 👍 260
Maintenance Status: Poor
Add beautiful and trending tab indicators directly to your default Flutter TabBar
bubble_tab_indicator
Dart 3 compatible 👍 241
Maintenance Status: Poor
A Flutter library to add bubble-like effect to tab indicator to TabBar.
contained_tab_bar_view
Dart 3 compatible 👍 144
Maintenance Status: Poor
Encapsulates TabController, TabBar and TabBarView into a single customizable Widget.
scroll_navigation
Dart 3 compatible 👍 117
Maintenance Status: Poor
It's a powerful navigation by gestures and taps. You can scroll from left to right or tap on the navigation icons.
vertical_tab_bar_view
Dart 3 compatible 👍 73
Maintenance Status: Poor
Flutter's Material TabView but scrolls vertically and without snapping.
cupertino_tabbar
Dart 3 compatible 👍 69
Maintenance Status: Poor
A highly customisable and simple widget for having iOS 13 style tab bars.
shifting_tabbar
Dart 3 compatible 👍 67
Maintenance Status: Poor
A custom tab bar widget for Flutter framework with nice and clean shifting animation.
container_tab_indicator
Dart 3 compatible 👍 42
Maintenance Status: Poor
Build your own Tab indicator using familiar Container-like properties.
infinite_scroll_tab_view
Dart 3 compatible 👍 31
Maintenance Status: Poor
A Flutter package for tab view component that can scroll infinitely.
flutter_colorful_tab
Dart 3 compatible 👍 30
Maintenance Status: Poor
A colorful TabBar for Flutter where each tab has a color (inspired by SmartNews app).
flutter_point_tab_bar
Dart 3 compatible 👍 16
Maintenance Status: Poor
A tab bar widget for Flutter with point indicator. It work on both Android and IOS.
wp_pivot_flutter
Dart 3 compatible 👍 11
Maintenance Status: Poor
A Windows Phone style pivot tab bar implementation in Flutter
tab_switcher
👍 31
Maintenance Status: Average
Build your complex app around tabs just like Chrome for Android
md2_tab_indicator
👍 90
Maintenance Status: Poor
MD2TabIndicator is a tab indicator influenced by Google's Material Design 2 tab indicator design
vertical_tabs
👍 61
Maintenance Status: Poor
A vertical tabs package with some handy settings for flutter framework.
toggle_bar
👍 44
Maintenance Status: Poor
A horizontal bar of toggle tabs with customisable colors and labels.
tabbar
👍 23
Maintenance Status: Poor
Simple tabbar, rewritten using pagecontroller and facilitating internal PageView manipulation
flutter_tab_bar_no_ripple
👍 17
Maintenance Status: Poor
TabBarNoRipple widget with no ripple effect, same API with TabBar widget.