What is moti?

Moti is an animation library for React Native, the framework used to build mobile apps with JavaScript that run on both iOS and Android. It is also designed to work on the web, making it a cross-platform option for developers building apps across multiple environments. The library is built on top of Reanimated 3, a lower-level animation engine, and provides a simpler interface on top of it so you do not need to interact with Reanimated directly for most use cases. The basic idea is that you replace standard layout components with Moti versions (MotiView instead of a plain View, for example) and describe how they should look at different states. You set an initial visual state and a target animated state, and Moti handles the transition between them. Animations run at 60 frames per second on the device native thread rather than the JavaScript thread, which keeps them smooth even when other processing is happening in the background. Moti supports several animation scenarios: elements fading or sliding in when they first appear on screen, playing an animation as an element is removed, switching between named visual states called variants, chaining animations in a sequence, and looping or repeating animations automatically. It also works with Expo, a popular toolkit for building React Native apps, and has full TypeScript support. The README for this repository is brief and points primarily to the external documentation site at moti.fyi for installation steps and interactive examples. It lists the main features and includes a short code snippet, but most detailed guidance lives in those external docs. The library is released under an MIT license.