formkit/auto-animate

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

View on GitHub ↗Jump to charts ↓

Summary Information

Updated 45 minutes ago
Added to GitGenius on September 4th, 2026
Created on May 11th, 2022
Open Issues & Pull Requests: 42 (+0)
GitHub issues: Enabled
Number of forks: 259
Total Stargazers: 13,913 (+0)
Total Subscribers: 33 (+0)

Repository Insights (GitGenius)

Median issue/PR response: 33.9 days
Mean response time: 142.0 days
90th percentile: 553.5 days
Tracked items: 39

How this project is maintained

100% of open issues come from outside the core team, so the backlog reflects real-world use rather than internal planning. Three people close 100% of everything that gets resolved.

Charts & Analytics

Fetching additional details & charts...

Issue Activity (beta)

Open issues: 20
New in 7 days: 0
Closed in 7 days: 0
Avg open age: 790 days
Stale 30+ days: 20
Stale 90+ days: 19

Recent activity

Opened in 7 days: 0
Closed in 7 days: 0
Comments in 7 days: 0
Events in 7 days: 0

Top labels

  • enhancement (1)

Most active issues this week

No issue events were indexed in the last 7 days.

Detailed Description

AutoAnimate is a zero-config animation utility that adds smooth transitions to web applications with a single line of code.

The tool solves the problem of implementing motion design without requiring developers to write animation logic or configuration. It works by automatically detecting DOM changes and applying smooth transitions to elements that are added, removed, or reordered. The utility integrates directly into existing applications regardless of the JavaScript framework in use.

Developers should choose AutoAnimate when they want to enhance user interfaces with motion without investing time in animation implementation details. It suits any web project using React, Vue, Solid, or vanilla JavaScript where improved visual feedback from transitions would benefit the user experience. The tool's drop-in nature means minimal code changes are required to activate animations across an application.

The project maintains active development with regular updates to its build pipeline. The team actively engages with contributors through multiple channels including GitHub issues and Discord, establishing clear communication pathways for discussing proposed changes before implementation.