Bottom sheet components

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

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

Modal bottom sheet is a cross-platform mobile UI framework plugin for Flutter that renders advanced modal bottom sheets and interactive overlay components. It provides a specialized routing mechanism for custom route-based modal presentations, layout utilities for edge-to-edge safe area inset handling, gesture interception systems for nested scroll view coordination, and navigation structures for sequential modal overlay stacking. The library supports platform-adaptive widget styling that dynamically switches between Material Design and iOS Cupertino visual guidelines based on the host platfo

React Native Modalize is a customizable bottom sheet component designed for mobile applications. It functions as a navigation and interface utility that allows users to access secondary content or settings through slide-up panels without leaving their current screen context. The library distinguishes itself by processing touch events and swipe gestures directly on the UI thread, ensuring responsive interaction across different mobile devices. It utilizes a portal-based rendering approach to position modal content above all other application elements, while its internal logic synchronizes scro

AndroidSlidingUpPanel is an Android custom view component and sliding panel library used to create draggable overlays that slide up from the bottom of an application screen. It functions as a nested scrolling UI framework that coordinates touch events between a draggable panel and its internal scrollable content. The library distinguishes itself through a parallax effect implementation that shifts background content at different speeds than the foreground panel. It supports the definition of intermediate anchor points to create partial-view states and allows for transition physics customizati

gluestack-ui is a cross-platform React component library built with Tailwind CSS. It provides over 30 pre-built, accessible components that can be installed by copying their source files directly into a project, giving developers full control over customization without external runtime dependencies. Every component implements WAI-ARIA patterns, keyboard navigation, and screen reader support out of the box. A key differentiator is the copy-paste architecture: rather than a traditional package dependency, component source code is placed in the project, allowing direct editing and eliminating ve

Mantine is a comprehensive component library for building accessible and responsive web applications. It provides a foundational set of UI elements and layout primitives, anchored by a base component that supports consistent styling, spacing, and layout properties across the entire interface. The library is built on a design-driven theme engine that uses a provider-based system to propagate global design tokens and color schemes throughout an application. The library distinguishes itself through a robust architecture that emphasizes component composition and reusable interaction logic. It uti

PanModal is an iOS UI library used to create draggable bottom sheet modals that slide up from the bottom of the screen. It provides a programmatic interface for managing the layout, height, and state of these overlay panels, allowing content to be presented over a main view without navigating away from the current screen. The library includes a pan gesture coordinator that synchronizes touch movements between the draggable container and internal scrollable content. This ensures that sliding the modal and scrolling within its content do not conflict. The framework covers custom presentation l

Getwidget is a comprehensive Flutter UI component library and design system providing over 1,000 pre-built widgets for creating cross-platform user interfaces. It serves as a production-ready widget gallery designed to accelerate the front-end development process through a wide array of pre-composed elements. The project includes a specialized AI interaction UI kit featuring components for rendering streaming large language model responses, RAG chat interfaces, and real-time voice agents. It also provides operational utilities for estimating monthly LLM expenditures based on token usage and p

shadcn/ui offers a collection of React UI components and a CLI-driven registry system for direct source code integration.

BulletinBoard is a SwiftUI component library and interface framework for iOS. It provides a set of reusable elements designed to render interactive, accessible information cards at the bottom of a screen to guide users through onboarding and configuration tasks. The framework functions as an onboarding UI kit, offering pre-defined card templates and the ability to create custom layout structures. These components are built with integrated accessibility support to ensure that interface updates and interaction states are announced to screen readers and assistive controllers. The library covers

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

This is an Android bottom sheet component and modal interface designed to provide a dismissible sliding panel that overlays content from the bottom of the screen. It serves as a replacement for standard dialogs and menus, acting as a foreground view that implements Material Design depth, elevation, and shadow patterns. The project functions as a view animation framework that coordinates real-time scaling and translation of background content as the panel slides. It manages the visual transition between expanded, peeked, and dismissed states through a state machine. The component supports hos

React Native Reanimated Bottom Sheet is a cross-platform mobile component library that provides a gesture-driven sliding bottom sheet component for iOS and Android applications. The component renders panels anchored to the bottom of the screen, allowing users to drag and snap them to predefined heights. The library supports touch tracking and drag behaviors across custom headers, content areas, and inner scrollable elements. Panel configuration covers height layout rules using pixel values and percentages, custom border radiuses, snap points, initial states, and imperative controller referenc

React Native Scroll Bottom Sheet is a software component designed for React Native applications that provides a bottom sheet interface integrating scrollable content. It enables developers to implement draggable panel layouts that coordinate scrolling behavior between the sheet container and its internal scrollable children.

React Native Raw Bottom Sheet is a cross-platform mobile UI component that renders custom sliding modal panels and action menus rising from the bottom of the screen. It provides a native application interface overlay designed for mobile app development to display custom content, menus, and forms. The component supports customizable sheet behavior, allowing developers to configure animation durations, custom dimensions, and visual styling for the root backdrop, container view, and draggable handles. Dismissal and interaction mechanics include backdrop mask interception, downward drag gestures,

react-modal-sheet is a TypeScript-based library designed for rendering sliding modal sheets within React applications. It provides fluid bottom-sheet style containers that integrate into user interfaces, supporting touch and gesture interactions for mobile and desktop environments. The package is distributed as an open-source component with built-in styling and layout management primitives for React developers.

🔥 A nice clean and touch-friendly bottom sheet component based on Vue.js and Hammer.js for Vue 3

React Native: Native Bottom Action Sheet