react-native-ease gives you smooth, interruptible animations through a single EaseView component. Set target values, get native animations — no JS animation loop, no worklets, no shared values.
Installation
Add react-native-ease to your project in seconds
Quickstart
Build your first animation in under five minutes
API Reference
Full reference for EaseView props and types
vs Reanimated
Understand when to use Ease vs Reanimated
Why react-native-ease
Animations in React Native traditionally run on the JS thread or require complex worklet setups.react-native-ease takes a different approach — it delegates everything to platform APIs.
Zero JS overhead
Core Animation on iOS and ObjectAnimator on Android run off the JS thread entirely
Simple API
CSS-transition-like: set target values in
animate, get smooth motionInterruptible
Change values mid-animation and the view smoothly redirects — no jumps
Lightweight
No C++ runtime, no custom engine — just a thin wrapper around OS-provided APIs
Quick example
EaseView works like a standard View — it accepts children, styles, and all ViewProps. When values in animate change, it smoothly transitions to the new values using native platform animations.
Get started
Use EaseView in your component
Replace any
View you want to animate with EaseView and add an animate prop.Requirements
react-native-ease requires React Native 0.76+ with the new architecture (Fabric) enabled. It does not support the old architecture.
| Platform | Minimum version |
|---|---|
| React Native | 0.76+ |
| iOS | 15.1+ |
| Android | minSdk 24+ |