# AutoAnimate

Zero-config, drop-in animation utility that adds transitions to a web app when elements are added, removed or moved.


Source: https://findsoftware.frbit.cloud/auto-animate/
Last reviewed: 2026-11-04
Listed since: 2026-11-04

## Record

### Links

- home: https://auto-animate.formkit.com
- repository: https://github.com/formkit/auto-animate
- docs: https://auto-animate.formkit.com
- x: https://twitter.com/FormKit
- discord: https://discord.gg/SHYT8pyeNm

### Identity

- status: active
- maintainer: FormKit, Inc.
- maintainerType: company
- parent: unknown
- firstRelease: 2022
- hqCountry: unknown

### Kind

- category: graphics
- hosting: not applicable
- language: javascript
- runtime: unknown
- runtimeMin: not applicable
- basedOn: unknown

### Content

- contentStore: not applicable
- databases: not applicable
- adminUi: not applicable
- headlessApi: not applicable
- templating: not applicable
- i18n: not applicable

### Rendering and deploy

- runsAs: not applicable
- renderingModes: not applicable
- installMethod: npm

### License

- licenseModel: open-source
- license: MIT

### Releases

- currentMajor: 0
- latestReleaseDate: 2026-07-10

### Adoption

- githubStargazers: 13956
- packagistDownloads: not applicable
- npmWeeklyDownloads: 2296735
- contributors: 49
- pluginCount: unknown
- packagistMonthlyDownloads: unknown
- ecosystemsMonthlyDownloads: unknown
- httpArchiveSites: unknown
- wordpressActiveInstalls: unknown
- dependentRepos: 1293
- dependentPackages: 63

### Sources

- urls: https://auto-animate.formkit.com/ (read 2026-11-04)
- urls: https://api.github.com/repos/formkit/auto-animate (read 2026-11-04)
- urls: https://github.com/formkit/auto-animate/blob/master/README.md (read 2026-11-04)
- firstRelease: https://registry.npmjs.org/@formkit/auto-animate (read 2026-11-04)
- maintainer: https://formkit.com/terms (read 2026-11-04)
- category: https://auto-animate.formkit.com/ (read 2026-11-04)
- language: https://api.github.com/repos/formkit/auto-animate (read 2026-11-04)
- installMethod: https://github.com/formkit/auto-animate/blob/master/README.md (read 2026-11-04)
- installMethod: https://github.com/formkit/auto-animate/blob/master/README.md (read 2026-11-04)
- installMethod: https://github.com/formkit/auto-animate/blob/master/README.md (read 2026-11-04)
- license: https://api.github.com/repos/formkit/auto-animate (read 2026-11-04)
- currentMajor: https://github.com/formkit/auto-animate/releases/tag/v0.10.0 (read 2026-11-04)
- latestReleaseDate: https://github.com/formkit/auto-animate/releases/tag/v0.10.0 (read 2026-11-04)
- githubStargazers: https://api.github.com/repos/formkit/auto-animate (read 2026-11-04)
- contributors: https://api.github.com/repos/formkit/auto-animate/contributors (read 2026-11-04)
- npmWeeklyDownloads: https://api.npmjs.org/downloads/range/2026-10-26:2026-11-01/@formkit/auto-animate (read 2026-11-04)
- dependentPackages: https://packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/%40formkit%2Fauto-animate (read 2026-11-04)
- dependentRepos: https://packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/%40formkit%2Fauto-animate (read 2026-11-04)

## Notes

AutoAnimate is an animation utility that adds transitions to a web app when an element is added, removed or moved. It takes a parent element and animates that element's immediate children, so existing markup can be used as it is. It is installed with npm, Yarn or pnpm and works with plain JavaScript as well as with the React, Vue, Preact, Solid, Svelte, Angular and Marko bindings, each on its own import path. FormKit, Inc. publishes it.

---

Data licensed CC BY 4.0 (https://creativecommons.org/licenses/by/4.0/). Attributes are recorded, never scored; absent means unknown.
Credit, in full: FindSoftware, CC BY 4.0