β–²

Flutter Gems is a curated list of 5600+ useful Dart & Flutter packages that are categorized based on functionality.

Discord Medium LinkedIn Twitter

Top Flutter Drawer and Navigation Rail packages

Last updated: April 2, 2024

Drawer is a simple way to navigate between different sections of a Flutter app. To access the drawer, one can tap on the drawer icon on the left edge of the Appbar, and the drawer slides out, revealing a list of options. Tapping on the desired option navigates the user to that section of the app.

Navigation rails are similar to drawers, but are permanently present on the left side of the page. They are usually responsive and consists of a series of icons (along with text labels on large screens) that represent different sections of the app. When a user taps on an icon, they are taken to that section.

The complete list of Flutter packages that allow you to add or customize Sidebar, Side Navigation Menu, Drawer amd Navigation Rail is provided below.


flutter_zoom_drawer
Dart 3 compatible πŸ‘ 973
Maintenance Status: Good

A Flutter package with custom implementation of the Side Menu (Drawer)

sidebarx Card Image
sidebarx
Dart 3 compatible πŸ‘ 502
Maintenance Status: Good

flutter multiplatform navigation sidebar / side navigationbar / drawer widget

easy_sidemenu Card Image
easy_sidemenu
Dart 3 compatible πŸ‘ 329
Maintenance Status: Good

An easy to use side menu (navigation rail) in flutter and can used for navigation

collapsible_sidebar Card Image
collapsible_sidebar
Dart 3 compatible πŸ‘ 328
Maintenance Status: Good

A collapsible sidebar for Flutter apps implementing the Material Design.

flutter_advanced_drawer Card Image
flutter_advanced_drawer
Dart 3 compatible πŸ‘ 319
Maintenance Status: Good

An advanced drawer widget, that can be fully customized with size, text, color, radius of corners.

flutter_admin_scaffold Card Image
flutter_admin_scaffold
Dart 3 compatible πŸ‘ 168
Maintenance Status: Good

A scaffold class with a sideBar that works with a appBar.

drawerbehavior Card Image
drawerbehavior
Dart 3 compatible πŸ‘ 151
Maintenance Status: Good

Drawer behavior is a library that provide an extra behavior on drawer, such as, move view or scaling view's height while drawer on slide..

flutter_side_menu Card Image
flutter_side_menu
Dart 3 compatible πŸ‘ 80
Maintenance Status: Good

Flutter's full customizable side menu has been used as a directory for Related Pages, Navigation Items, Filter side and more

animated_rail Card Image
animated_rail
Dart 3 compatible πŸ‘ 46
Maintenance Status: Good

Flutter Animated Navigation Rail with multiple cool effects and options like closing and openeing the rail.

awesome_drawer_bar Card Image
awesome_drawer_bar
Dart 3 compatible πŸ‘ 39
Maintenance Status: Good

A Flutter package with custom implementation of the Side Menu (Drawer)

simple_sidebar Card Image
simple_sidebar
Dart 3 compatible πŸ‘ 4
Maintenance Status: Good

A very simple sidebar with Icons, Texts, Header and smoothing. Easy to implement and easy to use

flutter_slider_drawer Card Image
flutter_slider_drawer
Dart 3 compatible πŸ‘ 436
Maintenance Status: Average

A Flutter package with custom implementation of the Slider Drawer Menu

side_navigation Card Image
side_navigation
Dart 3 compatible πŸ‘ 141
Maintenance Status: Average

Provides Flutter navigation by using a sidemenu similar to Drawer or BottomNavigationBar.

overlapping_panels Card Image
overlapping_panels
Dart 3 compatible πŸ‘ 53
Maintenance Status: Average

Inspired by Discord's mobile app navigation. Add left and right panels to your app with gestures to reveal panels and callbacks to listen for reveals.

sidebar_bigeagle Card Image
sidebar_bigeagle
Dart 3 compatible πŸ‘ 40
Maintenance Status: Average

This package adds a Sidebar widget which is convenient for Web & Desktop.

animated_sidebar Card Image
animated_sidebar
Dart 3 compatible πŸ‘ 30
Maintenance Status: Average

A collapsable sidebar plugin for Flutter, optimized for web and desktop applications.

flutter_inner_drawer
Dart 3 compatible πŸ‘ 472
Maintenance Status: Poor

Inner Drawer is an easy way to create an internal side section (left/right) where you can insert a list menu or other.

shrink_sidemenu
Dart 3 compatible πŸ‘ 262
Maintenance Status: Poor

A Side Menu plugin for flutter and compatible with liquid ui.

hidden_drawer_menu
Dart 3 compatible πŸ‘ 226
Maintenance Status: Poor

Hidden Drawer Menu is a library for adding a beautiful drawer mode menu feature with perspective animation

animated_stack
Dart 3 compatible πŸ‘ 222
Maintenance Status: Poor

Custom animated stacked pages, to create customisable side menu buttons.

elastic_drawer
Dart 3 compatible πŸ‘ 197
Maintenance Status: Poor

Elastic Drawer - elastic panel that slides in horizontally to show fully customize content (navigation links, menu items, notes etc.)

multilevel_drawer
Dart 3 compatible πŸ‘ 127
Maintenance Status: Poor

An easy to implement Multi Level Drawer for Flutter Applications. Just use this in place of regular Scaffold Drawer and you are ready to go.

side_menu_animation
Dart 3 compatible πŸ‘ 91
Maintenance Status: Poor

Animated Side Menu with customizable UI. Inspired in Yalantis library (Android/iOS).

curved_drawer_fork
Dart 3 compatible πŸ‘ 76
Maintenance Status: Poor

A Flutter widget that provides an easy to use animated drawer.

fancy_drawer
Dart 3 compatible πŸ‘ 50
Maintenance Status: Poor

A fancy , animated and customizable drawer for your flutter apps

slidable_bar
Dart 3 compatible πŸ‘ 40
Maintenance Status: Poor

A Flutter package to show SideBar and hide it and custimaze your clicker.

folding_menu
Dart 3 compatible πŸ‘ 22
Maintenance Status: Poor

A fancy easy to use Folding Menu for Flutter Applications

bottomreveal
Dart 3 compatible πŸ‘ 19
Maintenance Status: Poor

An animated bottom reveal widget.

navigation_drawer_menu
πŸ‘ 27
Maintenance Status: Average

Flutter Material Design Navigation Drawer Menu. This package gives you the NavigationDrawerMenu widget which acts like a ListView. The example implements the full Navigation Drawer.

foldable_sidebar
πŸ‘ 195
Maintenance Status: Poor

An easy to use Package for adding Foldable Flutter Navigation Sidebar to your Flutter Application.

animated_drawer
πŸ‘ 174
Maintenance Status: Poor

A simple yet fully customizable drawer with animations for flutter.

kf_drawer
πŸ‘ 134
Maintenance Status: Poor

Side menu (Drawer)

drawer_swipe
πŸ‘ 76
Maintenance Status: Poor

Drawer swipe Package for displaying multi layer drawer

slide_drawer
πŸ‘ 47
Maintenance Status: Poor

An easy way to use drawer in Flutter with cool sliding animation.

flurry_navigation
πŸ‘ 33
Maintenance Status: Poor

A Smooth and Animated navigation package for flutter that doesn’t interfere with the Screen with adjustable colors, shapes, and navigation logic.

tridimensional_drawer
πŸ‘ 32
Maintenance Status: Poor

Tridimensional Drawer is an easy way to create a 3D Perspective drawer, where you can insert any type of widget.

mobile_sidebar
πŸ‘ 31
Maintenance Status: Poor

A Responsive Sidebar for Flutter that follows Material Design

navigation_rail
πŸ‘ 29
Maintenance Status: Poor

A Navigation Rail for Flutter

flutter_sidebar
πŸ‘ 21
Maintenance Status: Poor

An easy to configure sidebar widget for your flutter mobile/web apps.