# osdnk/react-native-reanimated-bottom-sheet

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/osdnk-react-native-reanimated-bottom-sheet).**

_How this analysis was created: the description and tags below were written by an AI model that read this project's README and public documentation pages; stars, license and language come straight from the GitHub API. The model does not read the source code._

3,342 stars · 328 forks · TypeScript · MIT

## Links

- GitHub: https://github.com/osdnk/react-native-reanimated-bottom-sheet
- awesome-repositories: https://awesome-repositories.com/repository/osdnk-react-native-reanimated-bottom-sheet.md

## Description

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.

## Tags

### User Interface & Experience

- [Bottom Sheets](https://awesome-repositories.com/f/user-interface-experience/bottom-sheets.md) — Builds smooth sliding panels anchored to the bottom of the screen that users can drag and snap to predefined heights.
- [Spring Physics Configurations](https://awesome-repositories.com/f/user-interface-experience/animation-and-motion-systems/physics-motion-dynamics/animation-physics/spring-physics-configurations.md) — Drives panel movement using configurable spring damping, stiffness, and mass properties for natural-feeling inertia.
- [Gesture-Driven](https://awesome-repositories.com/f/user-interface-experience/bottom-sheets/gesture-driven.md) — Renders a sliding bottom sheet component that users can drag, snap to predefined height points, and dismiss smoothly. ([source](https://github.com/osdnk/react-native-reanimated-bottom-sheet#readme))
- [Mobile Native Component Libraries](https://awesome-repositories.com/f/user-interface-experience/component-libraries/component-based-ui-libraries/mobile-native-component-libraries.md) — Provides pre-built user interface elements designed to run natively on both iOS and Android platforms.
- [Native Animation Drivers](https://awesome-repositories.com/f/user-interface-experience/native-animation-drivers.md) — Runs animations directly on the UI thread using native animation drivers to maintain smooth 60 frames per second interaction.
- [Snap Points](https://awesome-repositories.com/f/user-interface-experience/snap-points.md) — Provides bottom-up snap points configuration with custom initial states and imperative controls for precise positioning. ([source](https://github.com/osdnk/react-native-reanimated-bottom-sheet/blob/master/README.md))
- [Native Component Gesture Integration](https://awesome-repositories.com/f/user-interface-experience/gesture-recognition-utilities/nested-gesture-recognizers/native-component-gesture-integration.md) — Streams native touch events continuously to coordinate touch tracking and scroll interception across nested components.
- [Sliding Panel Layout Configurations](https://awesome-repositories.com/f/user-interface-experience/layout-and-anchoring-systems/sliding-panels/sliding-panel-layout-configurations.md) — Provides sliding panel height configuration using pixel values, percentages, spring physics, and custom border radiuses. ([source](https://github.com/osdnk/react-native-reanimated-bottom-sheet#readme))
- [Imperative Method Exposure](https://awesome-repositories.com/f/user-interface-experience/parent-to-child-data-flows/imperative-method-exposure.md) — Exposes direct imperative methods through a ref interface to programmatically snap, open, or close the sheet.
- [Touch and Drag Interactions](https://awesome-repositories.com/f/user-interface-experience/touch-and-drag-interactions.md) — Manages touch and drag behaviors across the panel body and header to handle scrolling, inner touches, and manual snapping. ([source](https://github.com/osdnk/react-native-reanimated-bottom-sheet#readme))
- [Touch Gesture Detection](https://awesome-repositories.com/f/user-interface-experience/touch-gesture-detection.md) — Enables toggling gesture tracking, tap handling, and scrolling behavior across headers, content areas, and inner scrollable elements. ([source](https://github.com/osdnk/react-native-reanimated-bottom-sheet/blob/master/README.md))

### Mobile Development

- [Native Gesture Recognition Libraries](https://awesome-repositories.com/f/mobile-development/react-native-ecosystem/react-native-libraries/native-gesture-recognition-libraries.md) — Handles touch tracking and drag behaviors across custom headers, content areas, and inner scrollable elements.
- [Native Mobile App Development](https://awesome-repositories.com/f/mobile-development/native-mobile-app-development.md) — Creates performant spring physics and fluid gesture transitions for mobile applications using native animation drivers.

### Graphics & Multimedia

- [Gesture-Driven Layout Interpolators](https://awesome-repositories.com/f/graphics-multimedia/value-interpolation-engines/gesture-driven-layout-interpolators.md) — Translates raw gesture translation values into bound sheet height, opacity, and border radius transformations via native math nodes.