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
wix-incubator avatar

wix-incubator/react-native-interactable

0
View on GitHub↗

React Native Interactable

React Native Interactable is a React Native library for building touch-driven, physics-based animated views on iOS and Android. A single wrapper component makes any child view draggable, and the view follows the finger with spring, friction, and damping behavior at 60 frames per second. Touch tracking and physics run in native code rather than JavaScript, so motion stays smooth without dropped frames.

Behavior is configured declaratively through props. Views can snap to the nearest of several defined points when released, with tunable damping and tension for each point. Springs, gravity wells, and friction regions can be attached to a view's center, optionally limited to a region of influence. Movement can be restricted to one axis, bounded with an adjustable bounce, or disabled. Alert areas report when the view's center enters or leaves a named region.

A dragged view's position or offset is exposed as an animated value, so other views can fade, scale, rotate, or move in sync with it. Callbacks report drag start and end, snap, and stop events along with positions and point identifiers. These pieces support common interface patterns such as swipeable cards, swipeable list-row actions, collapsible panels, draggable bottom sheets, and floating chat-head style bubbles.

On iOS, the native sources are packaged as a pod that targets iOS 7 and above and depends on the host framework's core pod.

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

  • Interactive Gesture-Driven Animations - Wraps any view in a draggable component that follows touch continuously with spring, friction, and damping behavior at 60 frames per second.
  • Draggable Native View Wrappers - Provides a single wrapper component that makes any child view draggable with spring, friction, damping, and boundary behavior.
  • Gesture Physics Libraries - Provides physics-based movement for draggable and swipeable React Native views that follow the finger with spring, friction, and damping behavior at 60 frames per second.
  • UI Physics Coordinators - Shapes view motion with springs, gravity wells, and friction regions attached to the view's center, so dragging feels elastic and natural.
  • Mobile Gesture Interactions - Builds touch-driven React Native screens where views follow the finger smoothly with spring, friction, and damping at 60 frames per second.
  • Gesture Physics Extensions - Makes any view draggable by touch with spring, friction, and damping physics running smoothly at 60 frames per second.
  • Physics and Motion Dynamics - Shapes view motion with springs, gravity wells, friction regions, and boundaries so interactions feel elastic and natural.
  • Interaction Physics - Attaches springs, gravity wells, and friction regions to a view's center so its motion feels natural and elastic.
  • Spring Animations - Simulates view motion with springs, gravity wells, and friction regions attached to the view's center for elastic, natural settling.
  • Snap Points - Defines target points a dragged view settles into on release, with tunable spring damping and tension for each point.
  • Physics-Driven View Rendering - Applies springs, gravity wells, and friction regions to a view's movement so it attracts, repels, or slows naturally.
  • Native Gesture Delegation - Runs touch tracking and physics in native iOS and Android code so views follow the finger without dropping frames over the bridge.
  • Bottom Sheets - Supports draggable drawers, bottom sheets, and collapsible headers that settle at open or closed resting positions.
  • Drag-Linked Animated Values - Exposes a dragged view's position or offset as an animated value so other views can fade, scale, and move in sync.
  • Drag-Linked Animations - Exposes a dragged view's position as an animated value so other views fade, scale, rotate, or move in step with it.
  • Draggable Panels - Supports pulling a panel or bottom sheet up and down by hand and settling it at defined resting positions.
  • Drag Event Callbacks - Reports drag start, drag end, snap, stop, and alert-area events from native code to JavaScript callbacks with positions and point identifiers.
  • Snap-to-Point Toolkits - Settles dragged views at the nearest defined resting point on release, with tunable damping and tension, enabling swipeable cards, drawers, bottom sheets, and chat-head bubbles.
  • Movement Boundary Constraints - Limits horizontal and vertical travel of a view with an adjustable bounce at the limits, or locks movement to one axis.
5,174 stars·494 forks·JavaScript·MIT·2 views

Star history

Star history chart for wix-incubator/react-native-interactableStar history chart for wix-incubator/react-native-interactable

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.

Projects sharing features with React Native Interactable

These projects share indexed features with React Native Interactable. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • wix/react-native-interactablewix avatar

    wix/react-native-interactable

    5,179View on GitHub↗

    react-native-interactable is a gesture physics library and interaction framework for React Native. It provides an animated gesture engine and a physics-based UI toolkit designed to create complex touch-based components such as swipeable rows and draggable cards. The project distinguishes itself through the simulation of physical properties, including spring tension, surface friction, and gravitational forces. It allows for the creation of gravity wells that attract or repel views and integrates simulated springs to pull elements toward specific coordinates with adjustable damping. The framew

    JavaScript
    View on GitHub↗5,179
  • motiondivision/motion-vuemotiondivision avatar

    motiondivision/motion-vue

    2,185View on GitHub↗

    Motion-vue is a declarative animation library for Vue that provides a framework for building fluid, high-performance user interface motion. It enables developers to define complex animation states and transitions using code-based variants and spring-driven physics, ensuring that visual updates remain synchronized with component lifecycles and application state. The library distinguishes itself through a layout projection engine that tracks element coordinates to animate transitions between layout states, and a gesture-driven input pipeline that maps pointer and scroll interactions to animatio

    TypeScriptanimationframer-motionmotion
    View on GitHub↗2,185
  • osdnk/react-native-reanimated-bottom-sheetosdnk avatar

    osdnk/react-native-reanimated-bottom-sheet

    3,342View on GitHub↗

    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 referenc

    TypeScript
    View on GitHub↗3,342
  • software-mansion/react-native-gesture-handlersoftware-mansion avatar

    software-mansion/react-native-gesture-handler

    6,802View 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,802
Compare all 30 related projects→

Frequently asked questions

What does wix-incubator/react-native-interactable do?

React Native Interactable is a React Native library for building touch-driven, physics-based animated views on iOS and Android. A single wrapper component makes any child view draggable, and the view follows the finger with spring, friction, and damping behavior at 60 frames per second. Touch tracking and physics run in native code rather than JavaScript, so motion stays smooth without dropped frames.

What are the main features of wix-incubator/react-native-interactable?

The main features of wix-incubator/react-native-interactable are: Interactive Gesture-Driven Animations, Draggable Native View Wrappers, Gesture Physics Libraries, UI Physics Coordinators, Mobile Gesture Interactions, Gesture Physics Extensions, Physics and Motion Dynamics, Interaction Physics.

Which projects share features with wix-incubator/react-native-interactable?

Projects with overlapping indexed features include: wix/react-native-interactable — react-native-interactable is a gesture physics library and interaction framework for React Native. It provides an… motiondivision/motion-vue — Motion-vue is a declarative animation library for Vue that provides a framework for building fluid, high-performance… osdnk/react-native-reanimated-bottom-sheet — React Native Reanimated Bottom Sheet is a cross-platform mobile component library that provides a gesture-driven… 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… desandro/draggabilly — Draggabilly is a JavaScript drag and drop library used to make DOM elements draggable on desktop and mobile. It serves… juliangarnier/anime — This project is a declarative motion framework and JavaScript animation engine designed to transition CSS properties,…