Разработчики библиотеки 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. Также разработчикам доступен краткий гайд для новичков и библиотекам примеров.
