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

Discord Medium LinkedIn Twitter

Top Flutter Bottom Panels and Bottomsheets packages

Last updated: January 26, 2025

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
👍 3.43K   ⬇️ 181.1K
Dart 3 compatible
Maintenance Status: Good

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

sliding_up_panel
👍 2.83K   ⬇️ 212
Dart 3 compatible
Maintenance Status: Poor

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

wolt_modal_sheet Card Image
wolt_modal_sheet
👍 1.23K   ⬇️ 28.8K
Dart 3 compatible
Maintenance Status: Good

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

snapping_sheet
👍 746   ⬇️ 12.2K
Dart 3 compatible
Maintenance Status: Poor

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

bottom_bar_with_sheet
👍 593   ⬇️ 432
Dart 3 compatible
Maintenance Status: Poor

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

backdrop Card Image
backdrop
👍 580   ⬇️ 1.9K
Dart 3 compatible
Maintenance Status: Average

Backdrop implementation in dart as per Material Design Specification.

we_slide
👍 443   ⬇️ 518
Dart 3 compatible
Maintenance Status: Poor

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

bottom_sheet
👍 389   ⬇️ 10.3K
Dart 3 compatible
Maintenance Status: Good

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

rubber
👍 344   ⬇️ 6.1K
Dart 3 compatible
Maintenance Status: Average

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

material_dialogs Card Image
material_dialogs
👍 346   ⬇️ 3.6K
Dart 3 compatible
Maintenance Status: Good

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

smooth_sheets Card Image
smooth_sheets
👍 339   ⬇️ 7.2K
Dart 3 compatible
Maintenance Status: Good

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

sweetsheet
👍 229   ⬇️ 76
Dart 3 compatible
Maintenance Status: Poor

Show beautiful bottom sheet as confirmation dialog quickly and easily.

solid_bottom_sheet Card Image
solid_bottom_sheet
👍 205   ⬇️ 1.8K
Dart 3 compatible
Maintenance Status: Good

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.

flutter_sliding_up_panel Card Image
flutter_sliding_up_panel
👍 147   ⬇️ 3.6K
Dart 3 compatible
Maintenance Status: Average

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
👍 116   ⬇️ 12.5K
Dart 3 compatible
Maintenance Status: Average

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

flutter_sliding_box Card Image
flutter_sliding_box
👍 104   ⬇️ 964
Dart 3 compatible
Maintenance Status: Average

A draggable flutter widget (like bottom sheet panel) that makes it easier to use a SlidingBox for all platform.

bottom_sheet_bar Card Image
bottom_sheet_bar
👍 75   ⬇️ 13.8K
Dart 3 compatible
Maintenance Status: Good

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

cupertino_modal_sheet Card Image
cupertino_modal_sheet
👍 75   ⬇️ 12.3K
Dart 3 compatible
Maintenance Status: Average

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

side_sheet Card Image
side_sheet
👍 71   ⬇️ 9.2K
Dart 3 compatible
Maintenance Status: Average

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

sliding_up_panel2 Card Image
sliding_up_panel2
👍 82   ⬇️ 57
Dart 3 compatible
Maintenance Status: Average

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

modal_side_sheet
👍 69   ⬇️ 1.7K
Dart 3 compatible
Maintenance Status: Poor

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

floating_pullup_card
👍 68   ⬇️ 94
Dart 3 compatible
Maintenance Status: Poor

A beautiful and custom floating pull up style Card for flutter

scrollable_panel
👍 62   ⬇️ 72
Dart 3 compatible
Maintenance Status: Poor

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

interactive_bottom_sheet Card Image
interactive_bottom_sheet
👍 60   ⬇️ 226
Dart 3 compatible
Maintenance Status: Average

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

wtf_sliding_sheet Card Image
wtf_sliding_sheet
👍 57   ⬇️ 1.5K
Dart 3 compatible
Maintenance Status: Average

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

draggable_menu Card Image
draggable_menu
👍 53   ⬇️ 343
Dart 3 compatible
Maintenance Status: Average

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.

snapping_sheet_2
👍 43   ⬇️ 5.2K
Dart 3 compatible
Maintenance Status: Poor

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

backdrop_modal_route Card Image
backdrop_modal_route
👍 42   ⬇️ 1.4K
Dart 3 compatible
Maintenance Status: Average

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

chat_bottom_container
👍 40   ⬇️ 332
Dart 3 compatible
Maintenance Status: Good

A Flutter package for managing the bottom container of the chat page

footer
👍 34   ⬇️ 2.8K
Dart 3 compatible
Maintenance Status: Poor

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

bottom_sheet_scaffold Card Image
bottom_sheet_scaffold
👍 36   ⬇️ 986
Dart 3 compatible
Maintenance Status: Average

Slide your bottom sheet by sliding the body of the scaffold!. Very simple and customizable bottom sheet to implement.

bottom_drawer
👍 34   ⬇️ 659
Dart 3 compatible
Maintenance Status: Poor

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

top_modal_sheet Card Image
top_modal_sheet
👍 30   ⬇️ 2.7K
Dart 3 compatible
Maintenance Status: Good

A simple top modal sheet implementation in pure dart.

side_sheet_material3
👍 29   ⬇️ 219
Dart 3 compatible
Maintenance Status: Average

This Flutter package provides a Material Design 3 modal side sheet widget.

flutter_awesome_bottom_sheet
👍 26   ⬇️ 58
Dart 3 compatible
Maintenance Status: Poor

Show awesome bottom sheet as confirmation dialog quickly and easily.

flutter_cupernino_bottom_sheet Card Image
flutter_cupernino_bottom_sheet
👍 11   ⬇️ 91
Dart 3 compatible
Maintenance Status: Average

A package that mimics a Cupertino Style bottom sheet.

sliding_sheet
👍 635   ⬇️ 1.6K

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   ⬇️ 61

Maintenance Status: Poor

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

input_sheet
👍 46   ⬇️ 44

Maintenance Status: Poor

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

stopper
👍 21   ⬇️ 24

Maintenance Status: Poor

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