Разработчики библиотеки Motion выпустили версию для фреймворка Vue. С её помощью можно реализовывать анимации и эффекты.

Изначально библиотека Motion была доступна на React. Резидент проекта и эксперт по Vue Рик Хап (Rick Hup) перенёс код инструмента на Vue. Разработчики отмечают, что Motion не потеряла свои возможности и функции.

Использовать библиотеку в проекте можно с помощью тега <motion/>, в котором следует описать параметры анимации:

<template>
  <motion.div
    :initial="{ opacity: 0, scale: 0 }"
    :animate="{ opacity: 1, scale: 1 }"
  />
</template>

Также авторы проекта сообщили, что поддержку Vue добавили в Motion+ — платную версию библиотеки с эксклюзивными компонентами. Средства, вырученные с подписок, компания тратит на развитие основной ветки инструмента.

Доступ к Motion для Vue можно получить с помощью пакета motion-v в npm. Также разработчикам доступен краткий гайд для новичков и библиотекам примеров.

Библиотека Motion теперь доступна для Vue