Star History

formkit/auto-animate - 13.9k Stars · Global Rank #3591

Global Rank#3591Aug 16, 2026
Global Rank#3591Aug 16, 2026
since May 2022
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...
TypeScriptMIT
13.9k
258
44
Weekly
0stars
·
0pushes
Stars
Contributors
New Stars
New Pushes
Forks
star-history.com
Share

Trended 6 days · best rank #5 on May 24, 2022

GitHub Trending HistoryJul 2022Oct 2022Jan 2023Apr 2023Jul 2023#1#5#10#15#20#25star-history.com
Aug 27, 2023TypeScript#7
Jun 26, 2023TypeScript#18
Jul 30, 2022TypeScript#6
Jul 29, 2022TypeScript#13
May 24, 2022TypeScript#5
May 22, 2022TypeScript#18

Both badges

star-history.comGlobal Rank #3591
GitHub Trending#5 Repository of the Day
star-history.comGlobal Rank #3591
GitHub Trending#5 Repository of the Day
GitHub README
<p align="center">
 <a href="https://www.star-history.com/formkit/auto-animate">
  <picture><source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/badge?repo=formkit/auto-animate&type=rank&theme=dark" /><source media="(prefers-color-scheme: light)" srcset="https://api.star-history.com/badge?repo=formkit/auto-animate&type=rank" /><img alt="Star History Rank" src="https://api.star-history.com/badge?repo=formkit/auto-animate&type=rank" /></picture> <picture><source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/badge?repo=formkit/auto-animate&type=trending&theme=dark" /><source media="(prefers-color-scheme: light)" srcset="https://api.star-history.com/badge?repo=formkit/auto-animate&type=trending" /><img alt="GitHub Trending Repository of the Day" src="https://api.star-history.com/badge?repo=formkit/auto-animate&type=trending" /></picture>
 </a>
</p>
Markdown (Light)
[![Star History Rank](https://api.star-history.com/badge?repo=formkit/auto-animate&type=rank)](https://www.star-history.com/formkit/auto-animate) [![GitHub Trending Repository of the Day](https://api.star-history.com/badge?repo=formkit/auto-animate&type=trending)](https://www.star-history.com/formkit/auto-animate)
Markdown (Dark)
[![Star History Rank](https://api.star-history.com/badge?repo=formkit/auto-animate&type=rank&theme=dark)](https://www.star-history.com/formkit/auto-animate) [![GitHub Trending Repository of the Day](https://api.star-history.com/badge?repo=formkit/auto-animate&type=trending&theme=dark)](https://www.star-history.com/formkit/auto-animate)
HTML (Light)
<p align="center">
 <a href="https://www.star-history.com/formkit/auto-animate"><img src="https://api.star-history.com/badge?repo=formkit/auto-animate&type=rank" alt="Star History Rank" /> <img src="https://api.star-history.com/badge?repo=formkit/auto-animate&type=trending" alt="GitHub Trending Repository of the Day" /></a>
</p>
HTML (Dark)
<p align="center">
 <a href="https://www.star-history.com/formkit/auto-animate"><img src="https://api.star-history.com/badge?repo=formkit/auto-animate&type=rank&theme=dark" alt="Star History Rank" /> <img src="https://api.star-history.com/badge?repo=formkit/auto-animate&type=trending&theme=dark" alt="GitHub Trending Repository of the Day" /></a>
</p>

Global Rank

star-history.comGlobal Rank #3591
star-history.comGlobal Rank #3591
GitHub README
<p align="center">
 <a href="https://www.star-history.com/formkit/auto-animate">
  <picture>
   <source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/badge?repo=formkit/auto-animate&type=rank&theme=dark" />
   <source media="(prefers-color-scheme: light)" srcset="https://api.star-history.com/badge?repo=formkit/auto-animate&type=rank" />
   <img alt="Star History Rank" src="https://api.star-history.com/badge?repo=formkit/auto-animate&type=rank" />
  </picture>
 </a>
</p>
Markdown (Light)
[![Star History Rank](https://api.star-history.com/badge?repo=formkit/auto-animate&type=rank)](https://www.star-history.com/formkit/auto-animate)
Markdown (Dark)
[![Star History Rank](https://api.star-history.com/badge?repo=formkit/auto-animate&type=rank&theme=dark)](https://www.star-history.com/formkit/auto-animate)
HTML (Light)
<p align="center">
 <a href="https://www.star-history.com/formkit/auto-animate"><img src="https://api.star-history.com/badge?repo=formkit/auto-animate&type=rank" alt="Star History Rank" /></a>
</p>
HTML (Dark)
<p align="center">
 <a href="https://www.star-history.com/formkit/auto-animate"><img src="https://api.star-history.com/badge?repo=formkit/auto-animate&type=rank&theme=dark" alt="Star History Rank" /></a>
</p>

GitHub Trending Repository of the Day

GitHub Trending#5 Repository of the Day
GitHub Trending#5 Repository of the Day
GitHub README
<p align="center">
 <a href="https://www.star-history.com/formkit/auto-animate">
  <picture>
   <source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/badge?repo=formkit/auto-animate&type=trending&theme=dark" />
   <source media="(prefers-color-scheme: light)" srcset="https://api.star-history.com/badge?repo=formkit/auto-animate&type=trending" />
   <img alt="GitHub Trending Repository of the Day" src="https://api.star-history.com/badge?repo=formkit/auto-animate&type=trending" />
  </picture>
 </a>
</p>
Markdown (Light)
[![GitHub Trending Repository of the Day](https://api.star-history.com/badge?repo=formkit/auto-animate&type=trending)](https://www.star-history.com/formkit/auto-animate)
Markdown (Dark)
[![GitHub Trending Repository of the Day](https://api.star-history.com/badge?repo=formkit/auto-animate&type=trending&theme=dark)](https://www.star-history.com/formkit/auto-animate)
HTML (Light)
<p align="center">
 <a href="https://www.star-history.com/formkit/auto-animate"><img src="https://api.star-history.com/badge?repo=formkit/auto-animate&type=trending" alt="GitHub Trending Repository of the Day" /></a>
</p>
HTML (Dark)
<p align="center">
 <a href="https://www.star-history.com/formkit/auto-animate"><img src="https://api.star-history.com/badge?repo=formkit/auto-animate&type=trending&theme=dark" alt="GitHub Trending Repository of the Day" /></a>
</p>