Flutter Gems
Flutter Gems is a curated list of 7250+ useful Dart & Flutter packages that are categorized based on functionality.
Top Flutter Bottom Panels and Bottomsheets packages
Last updated: May 18, 2026
Bottom Sheets slide up from the bottom of the screen to present secondary content, deep-link actions, or supplementary forms without forcing the user to navigate to a completely new page.
Best Practices for Bottom Sheets
- Modal vs. Persistent: Use Modal bottom sheets (which dim the background and block interaction) for critical choices like sharing or paying. Use Persistent bottom sheets (like a music player controls) when the user still needs to interact with the main screen.
- Scrollable Content: If the bottom sheet contains a long list, ensure you use a
DraggableScrollableSheet. This allows the user to swipe up to expand the sheet to full screen, and scroll down to collapse it naturally. - Drag Handle: Always include a small visual "pill" or drag handle at the top center of the bottom sheet to visually indicate that the panel can be swiped away.
The complete list of Bottom Sheets, Sliding Panels, and Draggable UI packages for Flutter is provided below.
modal_bottom_sheet
👍 3.59K ⬇️ 272K
Dart 3 compatibleMaintenance Status: Poor
Create awesome and powerful modal bottom sheets. Material, Cupertino iOS 13 or create your own style
sliding_up_panel
👍 2.89K ⬇️ 291
Dart 3 compatibleMaintenance Status: Poor
A draggable Flutter widget that makes implementing a SlidingUpPanel much easier!
wolt_modal_sheet
👍 1.47K ⬇️ 42.9K
Dart 3 compatibleMaintenance Status: Average
This package provides a responsive modal with multiple pages, motion animation for page transitions, and scrollable content within each page.
snapping_sheet
👍 759 ⬇️ 10.9K
Dart 3 compatibleMaintenance Status: Poor
A package that provides a sheet widget that snaps to different vertical & horizontal positions
smooth_sheets
👍 612 ⬇️ 72.2K
Dart 3 compatibleMaintenance Status: Good
Sheet widgets with smooth motion and great flexibility. Also supports nested navigation in both imperative and declarative ways.
bottom_bar_with_sheet
👍 611 ⬇️ 327
Dart 3 compatibleMaintenance Status: Poor
This package help you to create bottom bar with FloatingActionButton which buld BottomSheet widget on every page.
backdrop
👍 601 ⬇️ 8.7K
Dart 3 compatibleMaintenance Status: Poor
Backdrop implementation in dart. (https://material.io/design/components/backdrop.html)
we_slide
👍 453 ⬇️ 389
Dart 3 compatibleMaintenance Status: Poor
A Flutter package which implements a backdrop displaying contextual and actionable content. =]
bottom_sheet
👍 409 ⬇️ 21K
Dart 3 compatibleMaintenance Status: Poor
Flexible bottom sheet with the ability to scroll content even without a list.
rubber
👍 355 ⬇️ 10.5K
Dart 3 compatibleMaintenance Status: Poor
Rubber is an elastic bottom sheet widget with the customizable material spring animation.
material_dialogs
👍 360 ⬇️ 2.5K
Dart 3 compatibleMaintenance Status: Average
A Flutter package aims to help you create animated, simple, stylish Material Dialogs in your app.
sweetsheet
👍 231 ⬇️ 51
Dart 3 compatibleMaintenance Status: Poor
Show beautiful bottom sheet as confirmation dialog quickly and easily.
solid_bottom_sheet
👍 210 ⬇️ 2.4K
Dart 3 compatibleMaintenance Status: Average
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
👍 172 ⬇️ 4.4K
Dart 3 compatibleMaintenance Status: Poor
A sliding up panel widget which can be used to show or hide content, beautiful and simple.
flutter_sliding_box
👍 152 ⬇️ 1K
Dart 3 compatibleMaintenance Status: Poor
A draggable flutter widget (like bottom sheet panel) that makes it easier to use a SlidingBox for all platform.
adaptive_action_sheet
👍 133 ⬇️ 20.5K
Dart 3 compatibleMaintenance Status: Average
A Flutter package for action bottom sheet that adapts to the platform (Android/iOS).
cupertino_modal_sheet
👍 85 ⬇️ 31.8K
Dart 3 compatibleMaintenance Status: Poor
Shows a modal iOS-style sheet that slides up from the bottom of the screen.
stupid_simple_sheet
👍 83 ⬇️ 32.9K
Dart 3 compatibleMaintenance Status: Good
A simple sheet widget for Flutter.
sliding_up_panel2
👍 86 ⬇️ 31
Dart 3 compatibleMaintenance Status: Poor
A draggable Flutter widget that makes implementing a SlidingUpPanel much easier!
side_sheet
👍 82 ⬇️ 1.6K
Dart 3 compatibleMaintenance Status: Good
Package for implementation of side sheets for all platforms and responsive UI.
bottom_sheet_bar
👍 80 ⬇️ 2.9K
Dart 3 compatibleMaintenance Status: Good
A toolbar that aligns to the bottom of a widget and expands into a bottom sheet.
chat_bottom_container
👍 80 ⬇️ 1.7K
Dart 3 compatibleMaintenance Status: Good
A Flutter package for managing the bottom container of the chat page
family_bottom_sheet
👍 76 ⬇️ 168
Dart 3 compatibleMaintenance Status: Average
A package for building smooth, customizable multi-page bottom sheets with seamless transitions — just like a Navigator, but inside a bottom sheet.
modal_side_sheet
👍 70 ⬇️ 2.4K
Dart 3 compatibleMaintenance Status: Poor
A package to use Material side sheet into your Flutter project.
floating_pullup_card
👍 69 ⬇️ 84
Dart 3 compatibleMaintenance Status: Poor
A beautiful and custom floating pull up style Card for flutter
wtf_sliding_sheet
👍 64 ⬇️ 1.9K
Dart 3 compatibleMaintenance Status: Average
A widget that can be dragged and scrolled in a single gesture and snapped to a list of extents.
interactive_bottom_sheet
👍 65 ⬇️ 164
Dart 3 compatibleMaintenance Status: Good
A customizable interactive bottom sheet, which lets you interact with the screen behind it.
draggable_menu
👍 63 ⬇️ 470
Dart 3 compatibleMaintenance Status: Poor
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.
scrollable_panel
👍 62 ⬇️ 43
Dart 3 compatibleMaintenance Status: Poor
drag to expand and then can scroll contents. similar "Nearby spots" panel on google map app.
backdrop_modal_route
👍 44 ⬇️ 1.3K
Dart 3 compatibleMaintenance Status: Poor
A flutter plugin to open backdrop modal route with minimal code and efforts with dynamic content.
snapping_sheet_2
👍 44 ⬇️ 1.2K
Dart 3 compatibleMaintenance Status: Poor
A package that provides a sheet widget that snaps to different vertical & horizontal positions
bottom_sheet_scaffold
👍 41 ⬇️ 232
Dart 3 compatibleMaintenance Status: Poor
Slide your bottom sheet by sliding the body of the scaffold!. Very simple and customizable bottom sheet to implement.
footer
👍 35 ⬇️ 2.1K
Dart 3 compatibleMaintenance Status: Poor
A new Flutter package which helps developers in creating Customisable Footer for both Android and IOS Apps.
bottom_drawer
👍 36 ⬇️ 448
Dart 3 compatibleMaintenance Status: Poor
A bottom drawer widget, support customize drawer header and body, support list body, support drag to open and close.
top_modal_sheet
👍 31 ⬇️ 3.7K
Dart 3 compatibleMaintenance Status: Poor
A simple top modal sheet implementation in pure dart.
side_sheet_material3
👍 32 ⬇️ 500
Dart 3 compatibleMaintenance Status: Poor
This Flutter package provides a Material Design 3 modal side sheet widget.
flutter_awesome_bottom_sheet
👍 26 ⬇️ 28
Dart 3 compatibleMaintenance Status: Poor
Show awesome bottom sheet as confirmation dialog quickly and easily.
flutter_cupernino_bottom_sheet
👍 13 ⬇️ 250
Dart 3 compatibleMaintenance Status: Poor
A package that mimics a Cupertino Style bottom sheet.
dragsheet
👍 4 ⬇️ 32
Dart 3 compatibleMaintenance Status: Good
Physics-y, bouncy, draggable sheet & modal for Flutter. Built to fill a gap I hit in my own app.
sliding_sheet
👍 634 ⬇️ 558
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 ⬇️ 42
Maintenance Status: Poor
The most customisable bottom sliding panel you can find on pub.dev. Just as you want it!
input_sheet
👍 46 ⬇️ 22
Maintenance Status: Poor
A flutter package to help apps with extensive forms, implementing inputs as BottomSheet to make it enjoyable.
stopper
👍 21 ⬇️ 7
Maintenance Status: Poor
A bottom sheet that can be expanded to one of the pre-defined stop heights by dragging.