https://github.com/nandorojo/moti

🐼 The React Native (+ Web) animation library, powered by Reanimated 3.
https://github.com/nandorojo/moti

Last synced: about 1 month ago
JSON representation

🐼 The React Native (+ Web) animation library, powered by Reanimated 3.

• Host: GitHub
• URL: https://github.com/nandorojo/moti
• Owner: nandorojo
• License: mit
• Created: 2020-10-17T15:31:32.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2024-02-22T18:08:59.000Z (9 months ago)
• Last Synced: 2024-05-01T15:48:35.087Z (7 months ago)
• Language: TypeScript
• Homepage: https://moti.fyi
• Size: 10 MB
• Stars: 3,807
• Watchers: 33
• Forks: 118
• Open Issues: 12
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-universal-react - Moti - The React Native (+ Web) animation library, powered by Reanimated 3 (Libraries / Others)
• awesome-list - moti

README

        


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

```jsx

```

# Documentation & Examples

- [Documentation](https://moti.fyi)

- [Installation](https://moti.fyi/installation)

- [Examples](https://moti.fyi/examples/hello-world) *(please use Chrome, other browsers are partially supported)*

## Next.js Conf



I spoke at at [Next.js Conf 2021](https://fernandorojo.co/conf) on October 26 about React Native + Next.js. [Watch the video](https://t.co/LkmxHXVz3K?amp=1) 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](https://twitter.com/FernandoTheRojo/status/1348093995277299712)

- [Unmount animations with `exit`](https://twitter.com/FernandoTheRojo/status/1349884929765765123)

- [`exitBeforeEnter` animations](https://twitter.com/FernandoTheRojo/status/1351234878902333445)

# Follow

Follow me [on Twitter](https://twitter.com/fernandotherojo) 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!