Bottomsheet

Bottomsheet - implement sliding bottom panels | Awesome Repos

Features

Bottom Sheets - Provides a dismissible sliding panel that overlays content from the bottom of the Android screen.
Android UI Components - Implements a custom sliding bottom sheet component for Android application interfaces.
Android View Animation Libraries - Coordinates background scaling and dimming effects as a sliding panel opens and closes on Android.
State Controllers - Toggles the sliding panel between expanded, peeked, and dismissed states to manage screen space.
Visual State Transitions - Manages the visual transitions between expanded, peeked, and dismissed states via a state machine.
Background Visual Effects - Scales and translates the background view in real-time to create a sense of depth as the panel slides.
Transform Calculators - Calculates real-time scaling and translation of background views based on the panel's vertical position.
Modal Dialogs - Implements a focused overlay interface to replace standard dialogs and menus.
Bottom Sheet Modal Presentations - Displays a dismissible modal view that slides up from the bottom to replace standard dialogs.
Timeline-Based View Animators - Transforms background content properties in real-time based on the sliding panel's current animation progress.
Bottom Sheet Menu Layouts - Renders a bottom panel that organizes information using lists, grids, separators, and subheaders.
Custom Content Hosting - Hosts custom views or Android fragments within the sliding container to overlay main activity content.
Mobile Bottom Sheets - Organizes lists and action intents in a bottom sheet as a mobile-specific alternative to dialogs.
Material Design Libraries - Implements Material Design depth effects and elevation shadows for the sliding panel.
Shadow Utilities - Implements Material Design depth and elevation shadows using a custom outline provider.
Outline-Based Shadows - Uses custom outline providers to render depth-based elevation shadows that follow the panel's unique shape.
Intent-Based Action Handlers - Presents a choice of target activities in a bottom view for users to select an action intent.
UI Components - Dismissible bottom sheet component.

Open-source alternatives to Bottomsheet

Similar open-source projects, ranked by how many features they share with Bottomsheet.

vuetifyjs/vuetify
vuetifyjs/vuetify
41,003View on GitHub
This project is a comprehensive UI toolkit that provides a declarative, reactive framework for building modular web interfaces. It centers on a component-based architecture that maps application state to rendered elements, utilizing a twelve-point flexbox grid system and nested containers to manage complex layouts. The library ensures consistent behavior across large-scale applications by providing centralized configuration for component defaults, themes, and global design tokens. What distinguishes this framework is its deep integration of Material Design principles alongside a highly flexib
TypeScriptjavascriptmaterialmaterial-components
View on GitHub41,003
afollestad/material-dialogs
afollestad/material-dialogs
19,577View on GitHub
material-dialogs is a Kotlin UI component library that provides a collection of modal dialogs and bottom sheets for Android applications. It is designed to implement user interface elements that follow Material Design standards. The library provides specialized modal interfaces for selecting calendar dates, clock times, and specific color values. It also includes system chooser integrations for selecting files and directories from local storage. Beyond pickers, the library covers a broader range of interaction components including text input dialogs, modal alerts with action buttons, and bot
Kotlin
View on GitHub19,577
gorhom/react-native-bottom-sheet
gorhom/react-native-bottom-sheet
9,003View on GitHub
This is a bottom sheet component library for React Native that provides gesture-driven panels sliding up from the bottom of the screen. The library is built around configurable snap points, dynamic sizing, keyboard awareness, modal presentation, and synchronized scrolling, with native driver animation offloaded to the native thread for smooth performance. The library distinguishes itself through deep gesture and animation control, including custom gesture handler overrides, scroll-gesture synchronization, and dynamic snap point recalculation when content size or keyboard visibility changes. I
TypeScriptbottom-sheetbottomsheetmodal
View on GitHub9,003
emilkowalski/vaul
emilkowalski/vaul
8,426View on GitHub
Vaul is a React drawer component used to create accessible, draggable bottom sheets and slide-up panels. It serves as a mobile-friendly alternative to traditional dialogs and modals by rendering content into a separate DOM node via a portal to avoid layout nesting issues. The library features configurable snap points that allow panels to lock into specific vertical heights during drag gestures. It supports hierarchical UI layering, enabling the use of nested drawers for complex navigation or multi-level menus. The component includes an accessibility layer with ARIA announcements and focus ma
TypeScriptdialogdrawerreact
View on GitHub8,426

See all 30 alternatives to Bottomsheet

Flipboardbottomsheet

Features

Open-source alternatives to Bottomsheet

vuetifyjs/vuetify

afollestad/material-dialogs

gorhom/react-native-bottom-sheet

emilkowalski/vaul

Star history

Open-source alternatives to Bottomsheet

vuetifyjs/vuetify

afollestad/material-dialogs

gorhom/react-native-bottom-sheet

emilkowalski/vaul