# @motify/core

Latest version **0.18.0** (published 2022-05-11) · MIT license · 0 weekly downloads

## Install

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

## 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.18.0 |
| Published | 2022-05-11 |
| First published | 2021-02-05 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 247.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | fernandorojo |
| Keywords | react-native, ios, android, web |

## Links

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

## Dependencies (1)

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

## 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.18.0 (latest) — 2022-05-11
- 0.18.0-alpha.18 (canary) — 2022-04-25
- 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.18.0-alpha.17 — 2022-04-19
- 0.18.0-alpha.15 — 2022-04-06
- 0.18.0-alpha.14 — 2022-03-31
- 0.18.0-alpha.10 — 2022-03-28
- 0.18.0-alpha.9 — 2022-03-24
- 0.18.0-alpha.8 — 2022-03-09
- 0.18.0-alpha.6 — 2022-03-09
- 0.17.1 — 2021-12-15
- 0.17.0 — 2021-12-15
- … 51 more at https://npm.io/package/@motify/core/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/core · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
