Flutter Gems
Flutter Gems is a curated list of 6000+ useful Dart & Flutter packages that are categorized based on functionality.
Top Flutter Tab packages
Last updated: November 15, 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 👍 402
Maintenance Status: Good
A Flutter package that implements a TabBar where each label is a toggle button.
tab_container
Dart 3 compatible 👍 296
Maintenance Status: Good
Customisable tab view/carousel with animated indicator. Just pass in children and tabs, or use a TabController, change the tab side, add color(s), and more.
custom_sliding_segmented_control
Dart 3 compatible 👍 174
Maintenance Status: Good
Allows you to flexibly configure the widget for displaying controls. You can add color, speed, size, initial value, animation and more.
scrollable_list_tab_scroller
Dart 3 compatible 👍 121
Maintenance Status: Good
Customizable Flutter widget that synchronizes a scrollable list of grouped items with tabs
tabbed_view
Dart 3 compatible 👍 105
Maintenance Status: Good
Flutter widget inspired by the classic Desktop-style tab component. Supports customizable themes.
material_segmented_control
Dart 3 compatible 👍 98
Maintenance Status: Good
A segmented control widget like the one for iOS, but in Material design.
animated_segmented_tab_control
Dart 3 compatible 👍 92
Maintenance Status: Good
A customizable segmented control that can be used with a TabView.
floating_tabbar
Dart 3 compatible 👍 74
Maintenance Status: Good
Easily navigate complex UIs across platforms with floating_tabbar. Built on Material Design, it's responsive and intuitive.
dynamic_tabbar
Dart 3 compatible 👍 70
Maintenance Status: Good
Flutter package to handle dynamic Tabs (TabBar and TabBarView) in a easiest way.
reorderable_tabbar
Dart 3 compatible 👍 34
Maintenance Status: Good
Reorderable TabBar package for Flutter, with this package you can easily reorder tabs in TabBar.
flutter_colorful_tab
Dart 3 compatible 👍 33
Maintenance Status: Good
A colorful TabBar for Flutter where each tab has a color (inspired by SmartNews app).
fw_tab_bar
Dart 3 compatible 👍 2
Maintenance Status: Good
A customizable tab bar widget with slide animation.
extended_tabs
Dart 3 compatible 👍 147
Maintenance Status: Average
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.
vertical_scrollable_tabview
Dart 3 compatible 👍 100
Maintenance Status: Average
A Flutter widget which syncronize a ScrollView and a custom tab view.
flutter_advanced_segment
Dart 3 compatible 👍 100
Maintenance Status: Average
An advanced segment widget, that can be fully customized with bunch of properties, just try it and enjoy!
pluto_layout
Dart 3 compatible 👍 76
Maintenance Status: Average
PlutoLayout is a Flutter UI package that can configure a menu or tab screen on each side.
widget_with_codeview
Dart 3 compatible 👍 67
Maintenance Status: Average
A widget with side-by-side source code view.
tab_indicator_styler
Dart 3 compatible 👍 277
Maintenance Status: Poor
Add beautiful and trending tab indicators directly to your default Flutter TabBar
bubble_tab_indicator
Dart 3 compatible 👍 249
Maintenance Status: Poor
A Flutter library to add bubble-like effect to tab indicator to TabBar.
contained_tab_bar_view
Dart 3 compatible 👍 168
Maintenance Status: Poor
Encapsulates TabController, TabBar and TabBarView into a single customizable Widget.
scroll_navigation
Dart 3 compatible 👍 119
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 👍 79
Maintenance Status: Poor
Flutter's Material TabView but scrolls vertically and without snapping.
cupertino_tabbar
Dart 3 compatible 👍 71
Maintenance Status: Poor
A highly customisable and simple widget for having iOS 13 style tab bars.
slide_switcher
Dart 3 compatible 👍 56
Maintenance Status: Poor
Package for creating switching widgets with extensive customization options
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_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 👍 12
Maintenance Status: Poor
A Windows Phone style pivot tab bar implementation in Flutter
md2_tab_indicator
👍 90
Maintenance Status: Poor
MD2TabIndicator is a tab indicator influenced by Google's Material Design 2 tab indicator design
shifting_tabbar
👍 67
Maintenance Status: Poor
A custom tab bar widget for Flutter framework with nice and clean shifting animation.
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.
tab_switcher
👍 33
Maintenance Status: Poor
Build your complex app around tabs just like Chrome for Android
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.