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

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