React Native Reanimated DnD

The drag and drop library that finally works on React Native.

Built with Reanimated 4 and Worklets for buttery-smooth 60fps animations. Simple API, powerful features, works everywhere.

Get StartedView on NPM
60fps
Smooth animations
2min
Setup time
100%
Cross-platform

Why choose React Native Reanimated DnD

It's the most performant and developer-friendly drag & drop library for React Native, hands down.

60fps
animations

Smooth Performance

Built with Reanimated 4 and Worklets for buttery-smooth animations that run on the UI thread. No more laggy interactions.

2min
setup

Simple API

Get started instantly with our intuitive API. Wrap components with Draggable and Droppable — that's it.

100%
compatible

Cross-Platform

Works perfectly on iOS and Android with consistent behavior. One codebase, seamless experience.

Try it yourself

Experience the library in action with our interactive example app

Interactive drag & drop demos
Sortable lists with drag handles support
Custom animations and gestures
Feature-packed with collision detection, bounded dragging, and more
View Example AppGitHub Repository
QR Code for Example App

How to use

  1. Build the example app with npx expo run:ios or npx expo run:android
  2. Scan the QR code with your camera
  3. Open the link in the development build
  4. Start exploring the examples

Scan the QR code above to try the interactive examples on your device.