AutoAnimate

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

FormKit is now available for React. The same powerful form-building experience — inputs, validation, and themes — now works with your React projects.

AutoAnimate adds automatic animations to your JavaScript applications with a single line of code. Here's the same list component with and without AutoAnimate applied to the wrapping element:

Importantly, our list component did not need to be written with AutoAnimate in mind. AutoAnimate can be applied retroactively to any markup in your codebase, including 3rd-party code — just supply the parent DOM node and let AutoAnimate do the rest! 🤯