AutoAnimate Plugin

    AutoAnimate is a zero-config, drop-in animation utility that adds smooth transitions to any web app. It also works great with FormKit.

    FormKit doesn't need much animation, but a small tasteful amount can make it clear when elements pop on and off a page, or move around — such as validation messages.

    Using AutoAnimate with FormKit

    1 min

    Installation

    To use AutoAnimate with FormKit, install @formkit/addons:

    Once you've installed the addons package, you'll need to register the AutoAnimate plugin with FormKit:

    If you've installed it correctly, you should have smooth transitions when showing and hiding validation messages:

    Example

    Load Live Example

    That's pretty much all you need to do! AutoAnimate is intended to be a zero-config drop in utility. However, if you really want to fine tune the plugin a little more, you can provide your own AutoAnimate options or plugins. Read more about this on the AutoAnimate documentation site.