AutoAnimate

A zero-config, drop-in animation utility that adds smooth transitions to yo...

README

AutoAnimate Logo

Latest Build GitHub Sponsors Package Size

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, 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.

  1. ```bash
  2. # yarn
  3. yarn add @formkit/auto-animate
  4. # npm
  5. npm install @formkit/auto-animate
  6. # pnpm
  7. pnpm add @formkit/auto-animate
  8. ```

Boom! Done. That was fast! 🐇

Usage



Examples



Plugins



Support us


Is AutoAnimate saving you time?


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.