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
osdnk avatar

osdnk/react-native-reanimated-bottom-sheet

0
View on GitHub↗

React Native Reanimated Bottom Sheet

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 references that enable programmatic opening, closing, and snapping from parent components.

Animations operate directly on the UI thread using native animation drivers, spring physics configuration with adjustable damping, stiffness, and mass properties, and value-driven layout transformations for sheet height, opacity, and border radius.

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

Features

  • Bottom Sheets - Builds smooth sliding panels anchored to the bottom of the screen that users can drag and snap to predefined heights.
  • Native Gesture Recognition Libraries - Handles touch tracking and drag behaviors across custom headers, content areas, and inner scrollable elements.
  • Spring Physics Configurations - Drives panel movement using configurable spring damping, stiffness, and mass properties for natural-feeling inertia.
  • Gesture-Driven - Renders a sliding bottom sheet component that users can drag, snap to predefined height points, and dismiss smoothly.
  • Mobile Native Component Libraries - Provides pre-built user interface elements designed to run natively on both iOS and Android platforms.
  • Native Animation Drivers - Runs animations directly on the UI thread using native animation drivers to maintain smooth 60 frames per second interaction.
  • Snap Points - Provides bottom-up snap points configuration with custom initial states and imperative controls for precise positioning.
  • Gesture-Driven Layout Interpolators - Translates raw gesture translation values into bound sheet height, opacity, and border radius transformations via native math nodes.
  • Native Mobile App Development - Creates performant spring physics and fluid gesture transitions for mobile applications using native animation drivers.
  • Native Component Gesture Integration - Streams native touch events continuously to coordinate touch tracking and scroll interception across nested components.
  • Sliding Panel Layout Configurations - Provides sliding panel height configuration using pixel values, percentages, spring physics, and custom border radiuses.
  • Imperative Method Exposure - Exposes direct imperative methods through a ref interface to programmatically snap, open, or close the sheet.
  • Touch and Drag Interactions - Manages touch and drag behaviors across the panel body and header to handle scrolling, inner touches, and manual snapping.
  • Touch Gesture Detection - Enables toggling gesture tracking, tap handling, and scrolling behavior across headers, content areas, and inner scrollable elements.
3,342 stars·328 forks·TypeScript·MIT·19 views

Star history

Star history chart for osdnk/react-native-reanimated-bottom-sheetStar history chart for osdnk/react-native-reanimated-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.

Frequently asked questions

What does osdnk/react-native-reanimated-bottom-sheet do?

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.

What are the main features of osdnk/react-native-reanimated-bottom-sheet?

The main features of osdnk/react-native-reanimated-bottom-sheet are: Bottom Sheets, Native Gesture Recognition Libraries, Spring Physics Configurations, Gesture-Driven, Mobile Native Component Libraries, Native Animation Drivers, Snap Points, Gesture-Driven Layout Interpolators.

Which projects share features with osdnk/react-native-reanimated-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… software-mansion/react-native-gesture-handler — React Native Gesture Handler is a declarative library that exposes the platform's native touch and gesture system to… emilkowalski/vaul — Vaul is a React drawer component used to create accessible, draggable bottom sheets and slide-up panels. It serves as… flutter-team-archive/plugins — This project is a collection of official plugin packages and a native integration library designed to provide a… ganlanyuan/tiny-slider — Tiny-slider is a vanilla JavaScript carousel library used to create touch-enabled content sliders and accessible UI… flipboard/bottomsheet — This is an Android bottom sheet component and modal interface designed to provide a dismissible sliding panel that…

Projects sharing features with React Native Reanimated Bottom Sheet

These projects share indexed features with React Native Reanimated 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
  • software-mansion/react-native-gesture-handlersoftware-mansion avatar

    software-mansion/react-native-gesture-handler

    6,755View on GitHub↗

    React Native Gesture Handler is a declarative library that exposes the platform's native touch and gesture system to React Native, enabling smooth, deterministic gesture handling on the UI thread. It manages gesture recognition through a native state machine with defined transitions between states like BEGAN, ACTIVE, END, and CANCELLED, routing touch events through platform-native gesture recognizers on both iOS and Android. The library provides a comprehensive gesture composition framework that allows developers to combine multiple gestures into race, simultaneous, or exclusive sequences, co

    TypeScriptgesturejavascriptreact-native
    View on GitHub↗6,755
  • 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
  • flutter-team-archive/pluginsflutter-team-archive avatar

    flutter-team-archive/plugins

    17,710View on GitHub↗

    This project is a collection of official plugin packages and a native integration library designed to provide a consistent interface for accessing hardware and software functionality across different mobile and desktop platforms. It serves as a native platform bridge, enabling cross-platform applications to invoke native code and manage operating system dependencies. The project utilizes a federated plugin architecture, splitting plugins into common interfaces and separate platform implementations to allow for independent development and extension. It further supports native integration throu

    Dartandroiddartflutter
    View on GitHub↗17,710
Compare all 30 related projects→

Curated searches featuring React Native Reanimated Bottom Sheet

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