React Native Modal

React Native Modal - create animated cross-pl… | Awesome Repos

Features

Mobile Overlay Interfaces - Provides a cross-platform UI component for building animated popups and dialogs on mobile devices.
Keyboard Occlusion Management - Ensures overlay content remains visible and accessible when the software keyboard opens on mobile devices.
Mobile Gesture Interactions - Implements touch-based gestures such as swipe-to-dismiss for temporary mobile screens.
React Native Components - Provides a specialized UI component for creating custom overlay windows within the React Native ecosystem.
Component Composition Primitives - Wraps native modal primitives with a flexible layer of props for customizable backdrop and content styling.
Cross-Platform UI Component Libraries - Offers a reusable interface element for consistent modal behavior across different mobile operating systems.
Gesture-Based Dismissal - Enables the closure of modal panels through swipe gestures and background tap interactions.
Keyboard-Relative Positioning - Dynamically offsets the vertical position of the overlay based on the virtual keyboard's current frame.
Modal Transition Styles - Supports custom animation configurations for the presentation and dismissal of modal overlays.
Modal Overlays - Provides a comprehensive library for managing modal windows, backdrops, and overlay interaction logic.
Touch Gesture Detection - Detects and responds to touch interactions including swipes and background taps to trigger modal dismissal.
UI Transition Animations - Provides visual effects that interpolate styles and opacity during the modal entry and exit transitions.
Lifecycle Callbacks - Implements function hooks that trigger specifically at the start and end of modal animation sequences.
Modal Lifecycle Hooks - Triggers specific callbacks when modal animations start or finish, and upon system back button presses.
Popup Backdrops - Allows customization of the background overlay, including color, opacity, and custom elements for visual isolation.
UI Components - Enhanced and animated modal component.

Open-source alternatives to React Native Modal

Similar open-source projects, ranked by how many features they share with React Native Modal.

react-native-community/react-native-elements
react-native-community/React-Native-Elements
25,851View on GitHub
React-Native-Elements is a cross-platform mobile UI toolkit and component library. It provides a collection of pre-built visual elements and a framework for building responsive, uniform layouts that render consistently across different mobile operating systems. The library focuses on mobile interface standardization and React Native frontend design. It enables rapid mobile prototyping by offering a shared set of common UI patterns, allowing developers to assemble functional interfaces without coding every component from scratch. The toolkit supports cross-platform UI development by ensuring
MDX
View on GitHub25,851
orderella/popupdialog
orderella/PopupDialog
4,026View on GitHub
PopupDialog is a Swift UI component library for iOS that provides a custom modal overlay system. It serves as a flexible replacement for the standard system alert controller, allowing for the creation of stylized popups and alerts with custom layouts. The library distinguishes itself through the ability to embed arbitrary view controllers directly into the dialog body. It includes a centralized theme configuration system to maintain consistent visual styles for containers, overlays, and buttons across an entire application. The project covers a broad range of layout and behavioral controls,
Swift
View on GitHub4,026
wix/react-native-ui-lib
wix/react-native-ui-lib
7,139View on GitHub
This project is a React Native UI library and mobile component framework designed for building consistent, themed mobile applications. It provides a collection of reusable user interface components and layout tools, functioning as a cross-platform design system to maintain visual uniformity across different mobile platforms. The toolkit distinguishes itself through a themed UI approach, utilizing global design foundations for typography, color palettes, and spacing. It allows for dynamic theme configuration and the use of style presets to ensure standardized branding across an entire project.
TypeScriptandroidcomponentshacktoberfest
View on GitHub7,139
shoutem/ui
shoutem/ui
4,976View on GitHub
This project is a cross-platform mobile UI library and design system built for the React Native framework. It provides a collection of styleable and reusable interface components to ensure visual consistency across different mobile operating systems. The framework includes a specialized tool for transforming raw HTML strings into native mobile components using custom element rendering and style overrides. It also features a remote update system that allows interface changes and new features to be pushed directly to devices without requiring a full application store release. The library cover
JavaScript
View on GitHub4,976

See all 30 alternatives to React Native Modal

react-native-communityreact-native-modal

Features

Open-source alternatives to React Native Modal

react-native-community/React-Native-Elements

orderella/PopupDialog

wix/react-native-ui-lib

shoutem/ui

Star history

Open-source alternatives to React Native Modal

react-native-community/React-Native-Elements

orderella/PopupDialog

wix/react-native-ui-lib

shoutem/ui