awesome-repositories.com
Blog
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectAboutHow we rankPressMCP server
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
slackhq avatar

slackhq/PanModalArchived

0
View on GitHub↗
3,781 stars·635 forks·Swift·MIT·4 views

PanModal

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 logic and interface layout management, enabling the real-time adjustment of panel heights and positions based on app state or content changes.

Features

  • Bottom Sheets - Provides a draggable bottom sheet panel that slides up to present content over the main view.
  • iOS Gesture Implementations - Implements touch-based interaction patterns to synchronize dragging containers and internal scroll views.
  • iOS UI Components - Provides a reusable bottom sheet interface element designed specifically for the iOS platform.
  • iOS UI Layout - Provides programmatic frameworks for defining the positioning and sizing of overlay panels on iOS.
  • Scroll-Gesture Synchronizations - Synchronizes scrollable content gestures with sheet pan gestures to prevent interaction conflicts.
  • Mobile Bottom Sheets - Provides a specialized implementation of the bottom sheet pattern for iOS mobile viewport interactions.
  • Modal Sheet Presentations - Displays bottom sheets as modal overlays with support for dismissal gestures and adjustable heights.
  • Gesture Composition and Coordination - Manages the relationship between pan and scroll gestures to prevent conflicts during modal interaction.
  • Custom Presentation Controllers - Provides a custom presentation controller to implement non-standard floating overlay behaviors on iOS.
  • iOS View Controller Transitions - Implements custom animations and logic for transitioning view controllers to create a bottom sheet experience.
  • Runtime Layout Adjustments - Adjusts the height and position of the presented panel in real time as app state changes.
  • Runtime Height Calculators - Calculates the rendered height of the panel at runtime to drive smooth layout transitions.
  • State Transition Animators - Coordinates application state changes with native animation frames for smooth modal height transitions.

Star history

Star history chart for slackhq/panmodalStar history chart for slackhq/panmodal

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Open-source alternatives to PanModal

Similar open-source projects, ranked by how many features they share with PanModal.
  • gorhom/react-native-bottom-sheetgorhom avatar

    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 GitHub↗9,003
  • scenee/floatingpanelSCENEE avatar

    SCENEE/FloatingPanel

    5,813View on GitHub↗

    FloatingPanel is a Swift UI component for iOS that provides an interactive bottom sheet and panel manager. It functions as a modal presentation controller that allows developers to display floating containers for related content and utilities alongside a main screen. The system utilizes a magnetic anchor system to snap panels to predefined vertical positions and supports the management of multiple panels within a single view. It synchronizes the position of the panel with the scrolling behavior of internal views to coordinate movement during user interaction. The project covers capabilities

    Swift
    View on GitHub↗5,813
  • emilkowalski/vaulemilkowalski avatar

    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 GitHub↗8,426
  • flipboard/bottomsheetFlipboard avatar

    Flipboard/bottomsheet

    4,496View on GitHub↗

    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

    Java
    View on GitHub↗4,496
See all 30 alternatives to PanModal→

Frequently asked questions

What does slackhq/panmodal do?

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.

What are the main features of slackhq/panmodal?

The main features of slackhq/panmodal are: Bottom Sheets, iOS Gesture Implementations, iOS UI Components, iOS UI Layout, Scroll-Gesture Synchronizations, Mobile Bottom Sheets, Modal Sheet Presentations, Gesture Composition and Coordination.

What are some open-source alternatives to slackhq/panmodal?

Open-source alternatives to slackhq/panmodal include: gorhom/react-native-bottom-sheet — This is a bottom sheet component library for React Native that provides gesture-driven panels sliding up from the… scenee/floatingpanel — FloatingPanel is a Swift UI component for iOS that provides an interactive bottom sheet and panel manager. It… emilkowalski/vaul — Vaul is a React drawer component used to create accessible, draggable bottom sheets and slide-up panels. It serves as… flipboard/bottomsheet — This is an Android bottom sheet component and modal interface designed to provide a dismissible sliding panel that… yalantis/koloda — Koloda is an iOS gesture interaction library and SwiftUI view component used to create swipeable card interfaces. It… alexaubry/bulletinboard — BulletinBoard is a SwiftUI component library and interface framework for iOS. It provides a set of reusable elements…