Skip to main content

Native Animations

Give EaseView your target values and a transition, and let iOS and Android handle the animation – all from the React state you already have.

Get started
npm install react-native-ease
Phone outline
0%
JS Thread
Utilization
Bundle Size impact
Frame rate
(per second)
React
Ease versus Reanimated latency comparison

An API that feels like React

Set your target values with animate and control how they change with transition. EaseView takes children, styles, and standard view props, so you can use it like any other component.

Native animation, no JS loop

Ease uses Core Animation on iOS and ObjectAnimator and SpringAnimation on Android. Once an animation starts, the native APIs handle the updates instead of a JavaScript animation loop.

Pick the transition you need

Use an easing curve for a fade, a spring for movement, or different transitions for different properties. Set the duration, damping, stiffness, and delay when you need to fine-tune an animation.