auto-animate README

The project's README from github.com/formkit/auto-animate. As one markdown file: README.md.

AutoAnimate Logo

Latest Build GitHub Sponsors

Add motion to your apps with a single line of code.

AutoAnimate is a zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with Vue, React, Solid or any other JavaScript application.

Examples & Docs

With one line of code, you can improve your interfaces, for example:

Simple example of AutoAnimation motion

Installation

Install using your package manager of choice.

# yarn
yarn add @formkit/auto-animate
# npm
npm install @formkit/auto-animate
# pnpm
pnpm add @formkit/auto-animate

Boom! Done. That was fast! 🐇

Usage

📖 View the documentation site for usage instructions.

Examples

📖 View the documentation site for examples.

Plugins

📖 View the documentation site for plugin instructions.

Support us

Is AutoAnimate saving you time?

Please consider supporting us with a recurring or one-time donation! 🙏

Contributing

Thank you for your willingness to contribute to this free and open source project! When contributing, consider first discussing your desired change with the core team via GitHub issues, Discord, or other method.

auto-animate (formkit/auto-animate)

Searching Database…

Что это такое?AutoAnimate — это утилита для анимаций, не требующая настройки: добавляете её в проект и одной строкой кода получаете плавные переходы в своём веб-приложении.
Это большой анимационный фреймворк или небольшая библиотека, которую я просто добавляю в готовое приложение?Это небольшая встраиваемая библиотека, а не фреймворк: вы подключаете её к уже существующему приложению, и собственных зависимостей у неё нет.
Как добавить её в свой проект?Установите её через удобный менеджер пакетов, затем включите одной строкой кода в приложении; на сайте документации разобрано, как именно её использовать.
Обязательно ли использовать какой-то определённый фреймворк, чтобы она работала?Нет. Она работает с Vue, React и Solid, а также с любым другим приложением на JavaScript, так что и проекты без фреймворка подойдут.
Это часть кода в браузере или что-то нужно запускать на сервере?Она полностью живёт во фронтенд-коде: анимирует интерфейс веб-приложения в браузере, поэтому на сервере ничего устанавливать и запускать не нужно.
Что значит «без настройки» на практике?Вы ничего не настраиваете: устанавливаете пакет, добавляете одну строку кода — и интерфейсы получают плавные переходы сразу из коробки.
Где найти примеры использования и инструкции по плагинам?Сам README остаётся кратким и отсылает к сайту документации, где есть инструкции по использованию, примеры и настройка плагинов.
AutoAnimate бесплатный и как он поддерживается?Это бесплатный проект с открытым исходным кодом; команда просит пользователей, которым он экономит время, поддержать его регулярным или разовым пожертвованием.
Creator
formkit
Size
68.9 MB
Stars
13.9K
Age
4y
Commits · 90 Days