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

Discord Medium LinkedIn Twitter

Top Flutter Bottom Panels and Bottomsheets packages

Last updated: May 1, 2024

A bottom sheet is a UI component that slides up from the bottom of the screen. It can be used to display additional content, such as a menu, process tracking or a set of options. Sometimes it is also referred to as Bottom Panel, Sliding Panel, Sliding Sheet or Modal Sheet.

The complete list of Bottom Sheet or Bottom Panel packages is provided below.


modal_bottom_sheet Card Image
modal_bottom_sheet
Dart 3 compatible 👍 3.1K
Maintenance Status: Good

Create awesome and powerful modal bottom sheets. Material, Cupertino iOS 13 or create your own style

wolt_modal_sheet Card Image
wolt_modal_sheet
Dart 3 compatible 👍 722
Maintenance Status: Good

This package provides a responsive modal with multiple pages, motion animation for page transitions, and scrollable content within each page.

backdrop Card Image
backdrop
Dart 3 compatible 👍 532
Maintenance Status: Good

Backdrop implementation in dart as per Material Design Specification.

bottom_sheet
Dart 3 compatible 👍 346
Maintenance Status: Good

Flexible bottom sheet with the ability to scroll content even without a list.

rubber
Dart 3 compatible 👍 334
Maintenance Status: Good

Rubber is an elastic bottom sheet widget with the customizable material spring animation.

flutter_sliding_up_panel Card Image
flutter_sliding_up_panel
Dart 3 compatible 👍 124
Maintenance Status: Good

A sliding up panel widget which can be used to show or hide content, beautiful and simple.

adaptive_action_sheet Card Image
adaptive_action_sheet
Dart 3 compatible 👍 102
Maintenance Status: Good

A Flutter package for action bottom sheet that adapts to the platform (Android/iOS).

smooth_sheets Card Image
smooth_sheets
Dart 3 compatible 👍 100
Maintenance Status: Good

Sheet widgets with smooth motion and great flexibility. Also supports nested navigation in both imperative and declarative ways.

sliding_up_panel2 Card Image
sliding_up_panel2
Dart 3 compatible 👍 73
Maintenance Status: Good

A draggable Flutter widget that makes implementing a SlidingUpPanel much easier!

cupertino_modal_sheet Card Image
cupertino_modal_sheet
Dart 3 compatible 👍 64
Maintenance Status: Good

Shows a modal iOS-style sheet that slides up from the bottom of the screen.

wtf_sliding_sheet Card Image
wtf_sliding_sheet
Dart 3 compatible 👍 50
Maintenance Status: Good

A widget that can be dragged and scrolled in a single gesture and snapped to a list of extents.

interactive_bottom_sheet Card Image
interactive_bottom_sheet
Dart 3 compatible 👍 47
Maintenance Status: Good

A customizable interactive bottom sheet, which lets you interact with the screen behind it.

backdrop_modal_route Card Image
backdrop_modal_route
Dart 3 compatible 👍 41
Maintenance Status: Good

A flutter plugin to open backdrop modal route with minimal code and efforts with dynamic content.

draggable_menu Card Image
draggable_menu
Dart 3 compatible 👍 39
Maintenance Status: Good

Create custom draggable menus that provide a familiar, customizable, and user-friendly experience, inspired by popular social media platforms such as Instagram, Snapchat, Facebook, Twitter, and YouTube.

flutter_cupernino_bottom_sheet Card Image
flutter_cupernino_bottom_sheet
Dart 3 compatible 👍 9
Maintenance Status: Good

A package that mimics a Cupertino Style bottom sheet.

bottom_bar_with_sheet Card Image
bottom_bar_with_sheet
Dart 3 compatible 👍 553
Maintenance Status: Average

This package help you to create bottom bar with FloatingActionButton which buld BottomSheet widget on every page.

we_slide Card Image
we_slide
Dart 3 compatible 👍 403
Maintenance Status: Average

A Flutter package which implements a backdrop displaying contextual and actionable content.

material_dialogs Card Image
material_dialogs
Dart 3 compatible 👍 316
Maintenance Status: Average

A Flutter package aims to help you create animated, simple, stylish Material Dialogs in your app.

draggable_bottom_sheet Card Image
draggable_bottom_sheet
Dart 3 compatible 👍 111
Maintenance Status: Average

This package contains a helper class to create a bottom sheet, which persists on the screen & can be dragged from there to cover the full screen.

bottom_sheet_bar Card Image
bottom_sheet_bar
Dart 3 compatible 👍 68
Maintenance Status: Average

A toolbar that aligns to the bottom of a widget and expands into a bottom sheet.

floating_pullup_card Card Image
floating_pullup_card
Dart 3 compatible 👍 66
Maintenance Status: Average

A beautiful and custom floating pull up style Card for flutter

side_sheet Card Image
side_sheet
Dart 3 compatible 👍 64
Maintenance Status: Average

Package for implementation of side sheets for all platforms and responsive UI.

snapping_sheet_2 Card Image
snapping_sheet_2
Dart 3 compatible 👍 33
Maintenance Status: Average

A package that provides a sheet widget that snaps to different vertical & horizontal positions

flutter_awesome_bottom_sheet Card Image
flutter_awesome_bottom_sheet
Dart 3 compatible 👍 24
Maintenance Status: Average

Show awesome bottom sheet as confirmation dialog quickly and easily.

sliding_up_panel
Dart 3 compatible 👍 2.7K
Maintenance Status: Poor

A draggable Flutter widget that makes implementing a SlidingUpPanel much easier!

snapping_sheet
Dart 3 compatible 👍 731
Maintenance Status: Poor

A package that provides a sheet widget that snaps to different vertical & horizontal positions

sweetsheet
Dart 3 compatible 👍 225
Maintenance Status: Poor

Show beautiful bottom sheet as confirmation dialog quickly and easily.

solid_bottom_sheet
Dart 3 compatible 👍 202
Maintenance Status: Poor

A full customizable bottom sheet easy to implement. Just put it on your bottomSheet property on your Scaffold widget and see the magic. For more details see the README.md.

modal_side_sheet
Dart 3 compatible 👍 67
Maintenance Status: Poor

A package to use Material side sheet into your Flutter project.

scrollable_panel
Dart 3 compatible 👍 63
Maintenance Status: Poor

drag to expand and then can scroll contents. similar "Nearby spots" panel on google map app.

footer
Dart 3 compatible 👍 34
Maintenance Status: Poor

A new Flutter package which helps developers in creating Customisable Footer for both Android and IOS Apps.

bottom_drawer
Dart 3 compatible 👍 33
Maintenance Status: Poor

A bottom drawer widget, support customize drawer header and body, support list body, support drag to open and close.

sliding_sheet
👍 634
Maintenance Status: Poor

A widget that can be dragged and scrolled in a single gesture and snapped to a list of extents.

sliding_panel
👍 100
Maintenance Status: Poor

The most customisable bottom sliding panel you can find on pub.dev. Just as you want it!

input_sheet
👍 46
Maintenance Status: Poor

A flutter package to help apps with extensive forms, implementing inputs as BottomSheet to make it enjoyable.

stopper
👍 21
Maintenance Status: Poor

A bottom sheet that can be expanded to one of the pre-defined stop heights by dragging.