The universal React Native animation library, powered by Reanimated 3.

<MotiView from={{ opacity: 0 }} animate={{ opacity: 1 }} />

Documentation & Examples

Documentation
Installation
Examples (please use Chrome, other browsers are partially supported)

Next.js Conf

I spoke at at Next.js Conf 2021 on October 26 about React Native + Next.js. Watch the video to see how we do it.

Highlights

Universal: works on all platforms
60 FPS animations on the native thread
Mount/unmount animations, like framer-motion
Powered by Reanimated 3
Web support, out-of-the-box
Expo support
Intuitive API
Variants
Strong TypeScript support
Highly-configurable animations
Sequence animations
Loop & repeat animations

Preview

API
Unmount animations with exit
exitBeforeEnter animations

Follow

Follow me on Twitter to stay up to date.

Sponsor

Sponsorships via GitHub are appreciated.

License

Moti has an MIT license. That said, a lot of free work goes into it, so if your company uses it, please sponsor, write a blog post, or tweet about it!