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