Category Navigator

A flutter ui package for cool navigation bar with a lot of customization options


  • navigation bar customization like color, elevation, shape, border radius, axis, etc
  • unselected and highlighted item customization like background color, text color, shape, shadow, elevation, etc
  • animate to default active item

Getting started

To start using this package, add category_navigator dependency to your pubspec.yaml

  category_navigator: '<latest_release>'


final List<String> itemsList = const ['All', 'Android', 'ML', 'Python', 'Flutter', 'Text', 'iOS', 'Web', 'Windows'];

Widget build(BuildContext context) {
return Scaffold(
    body: SafeArea(
        child: Padding(
            padding: const EdgeInsets.all(8.0),
            child: CategoryNavigator(
              items: itemsList,
              navigatorController: NavigatorController(),
              scrollController: ScrollController(),

To get the navigator’s current position at any time, initialize an object using NavigatorController(), pass the controller object to navigatorController parameter of the constructor and then use _navigatorController.activeItemIndex to get the selected item’s index

Bugs or Requests

If you encounter any problems feel free to open an issue. If you feel the library is missing a feature, please raise a ticket on GitHub and I’ll look into it. Pull request are also welcome.


category_navigator is licensed under MIT license. View license.


View Github