# @motify/interactions

Latest version **0.17.1** (published 2021-12-15) · MIT license · 0 weekly downloads

## Install

```sh
npm install @motify/interactions
pnpm add @motify/interactions
yarn add @motify/interactions
bun add @motify/interactions
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.17.1 |
| Published | 2021-12-15 |
| First published | 2021-08-29 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 2 |
| Unpacked size | 233.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 4556 |
| Maintainers | fernandorojo |
| Keywords | react-native, ios, android, web |

## Links

- npm: https://www.npmjs.com/package/@motify/interactions
- 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/@motify/interactions

## Dependencies (2)

- [@motify/core](https://npm.io/package/@motify/core.md) ^0.17.1
- [@motify/components](https://npm.io/package/@motify/components.md) ^0.17.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.17.1 (latest) — 2021-12-15
- 0.18.0-alpha.6 (canary) — 2022-03-09
- 0.17.0-alpha.16 (import-experiment) — 2021-12-15
- 0.13.0-alpha.8 (next) — 2021-08-31
- 0.17.0 — 2021-12-15
- 0.17.0-alpha.18 — 2021-12-15
- 0.17.0-alpha.12 — 2021-12-15
- 0.17.0-alpha.7 — 2021-12-14
- 0.17.0-alpha.6 — 2021-12-14
- 0.16.2-alpha.7 — 2021-11-21
- 0.16.2-alpha.3 — 2021-11-18
- 0.16.1 — 2021-11-03
- 0.16.0 — 2021-10-07
- 0.15.4 — 2021-10-05
- 0.15.3 — 2021-09-30
- … 5 more at https://npm.io/package/@motify/interactions/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) *(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](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.

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

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