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

Discord Medium LinkedIn Twitter

Top Flutter Bottom Panels and Bottomsheets packages

Last updated: December 4, 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.38K
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 👍 1.14K
Maintenance Status: Good

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

bottom_sheet
Dart 3 compatible 👍 383
Maintenance Status: Good

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

material_dialogs Card Image
material_dialogs
Dart 3 compatible 👍 344
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
Dart 3 compatible 👍 297
Maintenance Status: Good

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

solid_bottom_sheet Card Image
solid_bottom_sheet
Dart 3 compatible 👍 205
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.

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

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

bottom_sheet_bar Card Image
bottom_sheet_bar
Dart 3 compatible 👍 74
Maintenance Status: Good

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

top_modal_sheet Card Image
top_modal_sheet
Dart 3 compatible 👍 28
Maintenance Status: Good

A simple top modal sheet implementation in pure dart.

backdrop Card Image
backdrop
Dart 3 compatible 👍 572
Maintenance Status: Average

Backdrop implementation in dart as per Material Design Specification.

rubber
Dart 3 compatible 👍 343
Maintenance Status: Average

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 👍 145
Maintenance Status: Average

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

flutter_sliding_box Card Image
flutter_sliding_box
Dart 3 compatible 👍 95
Maintenance Status: Average

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

sliding_up_panel2 Card Image
sliding_up_panel2
Dart 3 compatible 👍 81
Maintenance Status: Average

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

cupertino_modal_sheet Card Image
cupertino_modal_sheet
Dart 3 compatible 👍 74
Maintenance Status: Average

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

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

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

wtf_sliding_sheet Card Image
wtf_sliding_sheet
Dart 3 compatible 👍 58
Maintenance Status: Average

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 👍 57
Maintenance Status: Average

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

draggable_menu Card Image
draggable_menu
Dart 3 compatible 👍 51
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.

backdrop_modal_route Card Image
backdrop_modal_route
Dart 3 compatible 👍 42
Maintenance Status: Average

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

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

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

bottom_sheet_scaffold Card Image
bottom_sheet_scaffold
Dart 3 compatible 👍 35
Maintenance Status: Average

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

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

A package that mimics a Cupertino Style bottom sheet.

sliding_up_panel
Dart 3 compatible 👍 2.81K
Maintenance Status: Poor

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

snapping_sheet
Dart 3 compatible 👍 743
Maintenance Status: Poor

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

bottom_bar_with_sheet
Dart 3 compatible 👍 588
Maintenance Status: Poor

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

we_slide
Dart 3 compatible 👍 437
Maintenance Status: Poor

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

sweetsheet
Dart 3 compatible 👍 229
Maintenance Status: Poor

Show beautiful bottom sheet as confirmation dialog quickly and easily.

modal_side_sheet
Dart 3 compatible 👍 69
Maintenance Status: Poor

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

floating_pullup_card
Dart 3 compatible 👍 68
Maintenance Status: Poor

A beautiful and custom floating pull up style Card for flutter

scrollable_panel
Dart 3 compatible 👍 62
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 👍 34
Maintenance Status: Poor

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

flutter_awesome_bottom_sheet
Dart 3 compatible 👍 26
Maintenance Status: Poor

Show awesome bottom sheet as confirmation dialog quickly and easily.

sliding_sheet
👍 635
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.