<img src="/assets/banner2.png" />

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

<img width="1779" alt="Screen Shot 2021-10-22 at 3 00 05 PM" src="https://user-images.githubusercontent.com/13172299/138509139-412b2d32-841b-4a7e-950e-f8721c1da17f.png" />

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.

<a href="https://splitbee.io?ref=badge"> <img src="https://splitbee-cdn.fra1.cdn.digitaloceanspaces.com/static/badge/splitbee-badge-dark.svg" alt="Analytics by Splitbee.io" /> </a>

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!