# moti

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

Latest version **0.30.0** (published 2025-01-29) · MIT license · 0 weekly downloads

## Install

```sh
npm install moti
pnpm add moti
yarn add moti
bun add moti
```

## Health

**Score 40/100 (D)** — status: maintenance-mode.

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads; pre 1.0.

Negative: stale; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.30.0 |
| Published | 2025-01-29 |
| First published | 2021-01-31 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 760.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 4553 |
| Maintainers | fernandorojo |
| Keywords | react-native, ios, android, web |

## Links

- npm: https://www.npmjs.com/package/moti
- Repository: https://github.com/nandorojo/moti
- Homepage: https://github.com/nandorojo/moti.git#readme
- Issues: https://github.com/nandorojo/moti/issues
- npm.io page: https://npm.io/package/moti

## Dependencies (1)

- [framer-motion](https://npm.io/package/framer-motion.md) ^6.5.1

## Alternatives

- [@opentelemetry/exporter-zipkin](https://npm.io/package/@opentelemetry/exporter-zipkin.md) — 14.8M weekly downloads
- [pusher-js](https://npm.io/package/pusher-js.md) — 2.0M weekly downloads
- [browserify](https://npm.io/package/browserify.md) — 1.7M weekly downloads
- [sqs-consumer](https://npm.io/package/sqs-consumer.md) — 1.7M weekly downloads
- [@sanity/eventsource](https://npm.io/package/@sanity/eventsource.md) — 930.8K weekly downloads

## Recent versions

- 0.30.0 (latest) — 2025-01-29
- 0.25.0-alpha.14 (callbacks) — 2023-03-27
- 0.24.0-alpha.10 (skeleton) — 2023-02-21
- 0.24.0-alpha.8 (canary) — 2023-02-21
- 0.21.1-alpha.14 (swc) — 2023-01-23
- 0.17.0-alpha.16 (import-experiment) — 2021-12-15
- 0.13.0-alpha.2 (transform) — 2021-09-02
- 0.11.1-alpha.3 (presence) — 2021-09-01
- 0.13.0-alpha.8 (next) — 2021-08-31
- 0.29.0 — 2024-05-14
- 0.28.1 — 2024-02-22
- 0.28.0 — 2024-02-22
- 0.27.5 — 2024-02-20
- 0.27.4 — 2024-02-20
- 0.27.3 — 2024-02-20
- … 110 more at https://npm.io/package/moti/versions

## README

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

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

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

# Documentation & Examples

- [Documentation](https://moti.fyi)
- [Installation](https://moti.fyi/installation)
- [Examples](https://moti.fyi/examples/hello-world)

## 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](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

Please reach out to [Fernando Rojo](https://twitter.com/fernandotherojo) if you're interested in sponsoring Moti.

<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>

---
_Source: https://npm.io/package/moti · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._