β–²

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

Discord Medium LinkedIn Twitter

Top Flutter Drawer and Navigation Rail packages

Last updated: November 15, 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 πŸ‘ 1.05K
Maintenance Status: Good

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

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

flutter multiplatform navigation sidebar / side navigationbar / drawer widget

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

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

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

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

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

A collapsible sidebar for Flutter apps implementing the Material Design.

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

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

drawerbehavior Card Image
drawerbehavior
Dart 3 compatible πŸ‘ 159
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 πŸ‘ 125
Maintenance Status: Good

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

rail_navigator Card Image
rail_navigator
Dart 3 compatible πŸ‘ 5
Maintenance Status: Good

A customizable side navigation rail for Flutter apps, allowing developers to create dynamic and responsive navigation menus with configurable options.

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

A Flutter package with custom implementation of the Slider Drawer Menu

animated_rail Card Image
animated_rail
Dart 3 compatible πŸ‘ 49
Maintenance Status: Average

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 πŸ‘ 45
Maintenance Status: Average

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

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

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

flutter_slide_drawer
Dart 3 compatible πŸ‘ 26
Maintenance Status: Average

It would help you make slide_drawer_scaffold easy with animation :)

simple_sidebar Card Image
simple_sidebar
Dart 3 compatible πŸ‘ 5
Maintenance Status: Average

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

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

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

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

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

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

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

elastic_drawer
Dart 3 compatible πŸ‘ 203
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 πŸ‘ 129
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 πŸ‘ 95
Maintenance Status: Poor

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

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

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

overlapping_panels
Dart 3 compatible πŸ‘ 55
Maintenance Status: Poor

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.

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

A fancy , animated and customizable drawer for your flutter apps

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

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

sidebar_bigeagle
Dart 3 compatible πŸ‘ 45
Maintenance Status: Poor

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

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

A fancy easy to use Folding Menu for Flutter Applications

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

An animated bottom reveal widget.

flutter_inner_drawer
πŸ‘ 477
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.

foldable_sidebar
πŸ‘ 194
Maintenance Status: Poor

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

animated_drawer
πŸ‘ 175
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_drawer_menu
πŸ‘ 27
Maintenance Status: Poor

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.

flutter_sidebar
πŸ‘ 21
Maintenance Status: Poor

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