awesome-repositories.com
Blog
MCP
awesome-repositories.com

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

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
nysamnang avatar

nysamnang/react-native-raw-bottom-sheet

0
View on GitHub↗
1,204 stars·194 forks·JavaScript·MIT·21 viewsnpmjs.com/package/react-native-raw-bottom-sheet↗

React Native Raw Bottom Sheet

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, hardware back button integration, and programmatic state control through reference methods.

Features

  • React Native Components - Provides customizable mobile UI components and action menus that slide up from the bottom of the screen.
  • Bottom Sheet Modal Presentations - Displays customizable sliding modal panels from the bottom of the screen with support for custom height, styling, and content.
  • Cross-Platform App Development - Builds mobile apps that run on iOS and Android from one codebase with shared business logic and platform-tailored UI.
  • Sheet Gesture Controls - Dismisses bottom sheets through tap-outside masks, hardware back buttons, and drag-down touch gestures on handles or content.
  • React Native Component Libraries - Builds mobile application interfaces using React Native with custom components that integrate into cross-platform UI component libraries.
  • Mobile Bottom Sheets - Displays sliding modal panels and action menus from the bottom of the screen in mobile applications for user selections and forms.
  • Native Animation Interpolators - Drives smooth layout transitions and drag movements entirely on the native UI thread using interpolated node values.
  • Bottom Sheet Modal Presentations - Customizes animation durations, backdrop dismissals, hardware back button handling, and drag gestures to control menu states.
  • Pan Gesture Detections - Tracks touch movements and velocity to handle downward dragging interactions and calculate natural dismissal thresholds.
  • Programmatic Controls - Opens and closes overlay panels dynamically using reference methods triggered from parent component logic or user interactions.
  • Gesture-Based Dismissal - Dismisses overlay panels through backdrop taps, hardware back button presses, or downward drag gestures with customizable behavior.
  • Modal Sheet Presentations - Renders overlay panels in a separate application window layer above standard views to guarantee full-screen coverage.
  • State Transition Animators - Controls open and close animations using adjustable durations and native driver acceleration to ensure smooth visual movement.
  • Imperative Method Exposure - Exposes direct open and close methods to parent components through standard component reference forwarding patterns.
  • Component Style Sheets - Applies custom visual styling to the root backdrop, container view, and draggable handle to match design systems.

Star history

Star history chart for nysamnang/react-native-raw-bottom-sheetStar history chart for nysamnang/react-native-raw-bottom-sheet

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

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

Frequently asked questions

What does nysamnang/react-native-raw-bottom-sheet do?

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.

What are the main features of nysamnang/react-native-raw-bottom-sheet?

The main features of nysamnang/react-native-raw-bottom-sheet are: React Native Components, Bottom Sheet Modal Presentations, Cross-Platform App Development, Sheet Gesture Controls, React Native Component Libraries, Mobile Bottom Sheets, Native Animation Interpolators, Pan Gesture Detections.

Which projects share features with nysamnang/react-native-raw-bottom-sheet?

Projects with overlapping indexed features 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… react-native-modal/react-native-modal — This is a mobile UI overlay library for React Native that provides an animated modal component. It functions as a… enesozturk/react-native-hold-menu — React Native Hold Menu is a UI component library and cross-platform mobile framework providing a context menu widget… react-native-menu/menu — The project is a cross-platform mobile user interface library and context menu component for React Native… jamesblasco/modal_bottom_sheet — Modal bottom sheet is a cross-platform mobile UI framework plugin for Flutter that renders advanced modal bottom… slackhq/panmodal — PanModal is an iOS UI library used to create draggable bottom sheet modals that slide up from the bottom of the…

Projects sharing features with React Native Raw Bottom Sheet

These projects share indexed features with React Native Raw Bottom Sheet. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • 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
  • react-native-modal/react-native-modalreact-native-modal avatar

    react-native-modal/react-native-modal

    5,657View on GitHub↗

    This is a mobile UI overlay library for React Native that provides an animated modal component. It functions as a gesture-responsive interface element used to present supplementary content via overlay windows that support custom transitions and dynamic layout adjustments. The library features a dynamic layout observer that automatically resizes and repositions components during screen rotations or when the on-screen keyboard appears. It implements gesture-based navigation, allowing users to dismiss overlays through configured swipe gestures and backdrop interactions. The project covers anima

    TypeScriptandroidanimatedanimation
    View on GitHub↗5,657
  • enesozturk/react-native-hold-menuenesozturk avatar

    enesozturk/react-native-hold-menu

    1,520View on GitHub↗

    React Native Hold Menu is a UI component library and cross-platform mobile framework providing a context menu widget for iOS and Android applications. It displays an interactive popup action menu when users press and hold a specific interface element, enabling quick action workflows within mobile applications. The library utilizes a native gesture-driven architecture to animate menu transitions and scale changes on the native UI thread. It includes dynamic layout calculations to compute menu positioning and prevent screen overflow during device rotation, window resizing, and orientation chang

    TypeScriptcontext-menuhold-to-openreact-native
    View on GitHub↗1,520
  • react-native-menu/menureact-native-menu avatar

    react-native-menu/menu

    1,226View on GitHub↗

    The project is a cross-platform mobile user interface library and context menu component for React Native applications. It functions as a mobile menu navigation component that presents hierarchical action lists and nested submenus on touch devices. The library renders platform-native context menus and popup sheets on mobile devices, including custom actions, color themes, subtitles, and nested submenus. It supports configuring custom menu icons by assigning custom vector assets and platform-specific graphic files so menu items display tailored branding, alongside runtime capability detection

    Kotlinhacktoberfestiosreact-native
    View on GitHub↗1,226
Compare all 30 related projects→

Curated searches featuring React Native Raw Bottom Sheet

Hand-picked collections where React Native Raw Bottom Sheet appears.
  • Bottom sheet components