Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

moti

nandorojo586.9kMIT0.30.0TypeScript support: included

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

react-native, ios, android, web

readme

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

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

Documentation & Examples

Next.js Conf

Screen Shot 2021-10-22 at 3 00 05 PM

I spoke at at Next.js Conf 2021 on October 26 about React Native + Next.js. Watch the video 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

Follow

Follow me on Twitter to stay up to date.

Sponsor

Please reach out to Fernando Rojo if you're interested in sponsoring Moti.

Analytics by Splitbee.io

changelog

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

0.27.3 (2024-02-20)

Note: Version bump only for package moti

0.27.3 (2024-02-20)

Note: Version bump only for package moti

0.27.2 (2023-11-15)

Note: Version bump only for package moti

0.27.1 (2023-11-15)

Note: Version bump only for package moti

0.27.0 (2023-10-12)

Note: Version bump only for package moti

Note: Version bump only for package moti

0.25.4 (2023-08-01)

Bug Fixes

0.25.3 (2023-05-02)

Bug Fixes

0.25.2 (2023-05-02)

Bug Fixes

0.25.1 (2023-04-21)

Bug Fixes

Note: Version bump only for package moti

Note: Version bump only for package moti

0.24.2 (2023-03-07)

Note: Version bump only for package moti

Note: Version bump only for package moti

Note: Version bump only for package moti

0.24.0 (2023-03-01)

Bug Fixes

Features

  • improve skeleton perf, add react-native-linear-gradient support (b7f23ac)

0.23.6 (2023-02-15)

Bug Fixes

  • hoverable without swc plugin (cdb4a5d)

0.23.5 (2023-02-14)

Note: Version bump only for package moti

0.23.4 (2023-02-14)

Note: Version bump only for package moti

0.23.3 (2023-02-10)

Note: Version bump only for package moti

0.23.2 (2023-02-09)

Note: Version bump only for package moti

0.23.1 (2023-02-09)

Note: Version bump only for package moti

Note: Version bump only for package moti

0.23.0 (2023-02-09)

Note: Version bump only for package moti

Note: Version bump only for package moti

0.22.0 (2023-01-20)

Bug Fixes

0.19.0 (2022-09-21)

Note: Version bump only for package moti

Note: Version bump only for package moti

0.0.19 (2022-09-21)

Bug Fixes

Features

0.18.0 (2022-05-11)

Note: Version bump only for package moti

0.18.1 (2022-05-11)

Bug Fixes

Note: Version bump only for package moti

0.17.1 (2021-12-15)

Features

  • add support for layout, entering & exiting props from reanimated (1d09705)

0.17.0 (2021-12-15)

Bug Fixes

Features

  • add decay support (be6618e)
  • add deps arrays, docs, & close #120 (96c01ec)
  • focus props (a3ec203)
  • interactions: export <MotiHover />, improve hover listeners; add onContainerLayout & onLayout (b77bf3f)
  • move skeleton into moti import (dab7a4f)
  • pass accessibility props to MotiPressable (38e7ca8)
  • pass worklet to MotiPressable transition prop (acf1981)

0.16.1 (2021-11-03)

Note: Version bump only for package moti

Note: Version bump only for package moti

Note: Version bump only for package moti

Note: Version bump only for package moti

0.16.0 (2021-10-07)

Features

  • shared values in animate prop (4ffb25f)

0.15.4 (2021-10-05)

Features

  • add hoveredValue and pressedValue props to MotiPressable for controlled usage (16cc7e1)

0.15.3 (2021-09-30)

Bug Fixes

  • passing backgroundSize prop to AnimatedGradient (dee8986)

0.15.2 (2021-09-23)

Note: Version bump only for package moti

0.15.1 (2021-09-23)

Note: Version bump only for package moti

0.15.0 (2021-09-22)

Bug Fixes

Features

  • allow sequence repeats; fix custom presence; initialStyle only if exists (32aa445)

0.14.2 (2021-09-03)

Note: Version bump only for package moti

0.14.1 (2021-09-02)

Note: Version bump only for package moti

0.14.0 (2021-09-02)

Bug Fixes

  • examples (9721cff)
  • remove web delay default; attemptedValue typo (df5174f)

Features

  • merge-animate-prop (3713f2e)
  • transition & exitTransition can be shared/derived value (0c945b7)
  • use-moti-pressable-transition (cf6162d)

0.13.0-alpha.0 (2021-08-29)

Bug Fixes

Features

  • add animated TS types to moti types (7845c44)
  • add useMotiPressableInterpolate & useMotiPressableAnimatedProps (7923000)
  • init pressable (7b9e897)
  • use-pressable[s] (a36b5ec)
  • web-only dropdown menu (2b8c944)

0.13.0-alpha.0 (2021-08-29)

0.13.0 (2021-09-02)

Bug Fixes

  • minor err fixes (911f3b0)
  • simplify implementation (c8eb0b1)
  • typeof null === object fix for sequences (80f7092)

Features

  • add animated TS types to moti types (7845c44)
  • add useMotiPressableInterpolate & useMotiPressableAnimatedProps (7923000)
  • init pressable (7b9e897)
  • progress bar, transform does not work? (9823cd1)
  • use-pressable[s] (a36b5ec)
  • web-only dropdown menu (2b8c944)
  • transform support, with sequences (665bdf6)

0.12.3 (2021-09-01)

Bug Fixes

  • exit over-memoized on native (2f717df)

Reverts

  • removing useValue hack, as order is not preserved. only solution is transform array (42dd3c9)
  • removing useValue hack, as order is not preserved. only solution is transform array (034c8dc)

0.12.2 (2021-09-01)

Bug Fixes

  • closes #104, where exit completion never fired (da4eafa)

0.12.1 (2021-09-01)

Bug Fixes

0.12.0 (2021-09-01)

Bug Fixes

Features

  • add custom & initial props to animate-presence (7fafc30)
  • progress bar, transform does not work? (9823cd1)

0.11.0 (2021-05-17)

Features

  • add onDidAnimate callback 4th arg w/ attemptedValue; docs (66dfa76)

0.10.1 (2021-04-27)

Note: Version bump only for package moti

0.10.0 (2021-04-21)

Features

  • add exitTransition support & docs! (26a55ac)

0.9.0 (2021-04-21)

Features

  • upgrade reanimated, add custom sequence transitions! (8e64014)

0.8.2 (2021-04-02)

Bug Fixes

  • #48 Solve broken Skeleton, AnimatePresence (080b7c9)

0.8.1 (2021-04-01)

Note: Version bump only for package moti

0.8.0 (2021-04-01)

Features

  • turn useDynamicAnimation().animateTo into a worklet` (ebd2830)

0.7.7 (2021-04-01)

Bug Fixes

  • initial bounce from spring (9783548)
  • v2 stable spring support (b9fad59)

0.7.6 (2021-04-01)

Bug Fixes

0.7.5 (2021-04-01)

Bug Fixes

0.7.4 (2021-04-01)

Bug Fixes

  • deprecated react native types message (6cc94f9)

0.7.3 (2021-03-30)

Note: Version bump only for package moti

0.7.2 (2021-03-28)

Bug Fixes

  • animate presence callback (8bde766)

0.7.1 (2021-03-23)

Bug Fixes

0.7.0 (2021-03-22)

Features

  • performant, dynamic-animation hook (8f65da7)

0.6.5 (2021-03-19)

Bug Fixes

0.6.4 (2021-03-13)

Note: Version bump only for package moti

0.6.3 (2021-03-13)

Note: Version bump only for package moti

0.6.2 (2021-03-13)

Note: Version bump only for package moti

0.6.1 (2021-03-13)

Bug Fixes

0.6.0 (2021-03-04)

Features

  • [skeleton] custom transition, fade in (1f42d28)

0.5.8 (2021-03-04)

Bug Fixes

0.5.7 (2021-03-02)

Note: Version bump only for package moti

0.5.6 (2021-03-02)

Features

0.5.5 (2021-03-02)

Bug Fixes

0.5.4 (2021-03-02)

Note: Version bump only for package moti

0.5.3 (2021-03-02)

Note: Version bump only for package moti

0.5.2 (2021-03-02)

Note: Version bump only for package moti

0.5.1 (2021-03-02)

Note: Version bump only for package moti

0.5.0 (2021-03-02)

Features

0.4.1 (2021-02-07)

Note: Version bump only for package moti

0.4.0 (2021-02-07)

Features

  • fix potential circular type dep? (9d8ca81)

0.3.1 (2021-02-07)

Note: Version bump only for package moti

0.3.0 (2021-02-07)

Features

  • add types for variants, many examples (99b0675)

0.2.2 (2021-02-06)

Note: Version bump only for package moti

0.2.0 (2021-02-05)

Features