Да, существуют библиотеки анимаций, которые можно использовать с Vue 3 и которые доступны бесплатно. Некоторые из них:
1. **Animate.css** - это библиотека кроссбраузерных CSS анимаций, которую очень просто подключить и использовать с Vue.js. Вам просто потребуется импортировать CSS файл в ваш проект и добавить соответствующие классы к вашим элементам.
Ссылка: https://animate.style/
2. **VueUse**: набор компоновских API, который включает в себя различные функции для создания анимаций. В нем есть хуки для отслеживания геометрии элемента, готовые к использованию в анимациях.
Ссылка: https://vueuse.org/
3. **Vivify**: еще одна CSS библиотека анимаций, которую можно использовать вместе с Vue.js.
Ссылка: https://vivify.mkcreative.cz/
4. **Vue.js Transitions**: сам Vue.js поддерживает переходы и анимации через компонент `<transition>`, позволяя вам применять анимации при вставке, обновлении или удалении элементов DOM.
Документация Vue.js: https://v3.vuejs.org/guide/transitions-enterleave.html
Чтобы найти исходник анимации счетчика, показанной в демо, можно сделать следующее:
1. Поискать существующие библиотеки счетчиков с анимацией для Vue.js, например, использовать поисковые системы с запросом типа "Vue counter animation component" или "Vue animated number counter".
2. Если демо было создано другими разработчиками (не вами), и вы не имеете доступа к исходному коду напрямую, вы можете попытаться связаться с создателями демо и попросить их поделиться кодом либо любой информацией о том, откуда исходник может быть взят.
3. Создать собственный анимированный счетчик, используя возможности CSS анимаций и Vue.js для реактивного обновления значения. Это может быть полезном упражнением для понимания, как работают анимации в Vue.
К сожалению, без прямого доступа к исходному коду демо, только имея GIF, невозможно точно определить, какой код использовался для создания анимации счетчика.