animate-css / animate.css
git clone https://github.com/animate-css/animate.css.git
v4.1.1 · 6y ago
🔥 on GitHub Trending today
A cross-browser library of ready-made CSS animation classes applied by adding a class name to an element.
Why you might care
Drop-in animation classes like fadeIn, bounce, and shake that need no JavaScript, so you can add motion to a page by changing a class. It respects the prefers-reduced-motion setting for users who opt out of animations. The docs are on the project website, and the README notes that v3 docs are still available for older versions.
+6
stars, 24h · #2,136
+57
stars, 7 days · #2,112
+~180
stars, 30 days · #2,761
83k
★ total · +0% this week
16k
forks · 44 open issues
Star history (as recorded here)
LanguageCSS
License—
Created2011-10-12 (15y ago)
Last push2y ago
Watchers2.2k
OwnerOrganization
Seen on GitHub Trending
- 2026-10-22 — #10 monthly in css · +194 ★
- 2026-10-22 — #6 weekly in css · +60 ★
- 2026-10-21 — #1 daily in css · +9 ★
- 2026-10-21 — #7 weekly in css · +57 ★
- 2026-10-20 — #1 daily in css · +12 ★
- 2026-10-20 — #7 weekly in css · +55 ★
GitHub topics
Links
- GitHub: github.com/animate-css/animate.css
- Homepage: https://animate.style/
- Releases · Issues · Hacker News mentions
README excerpt
# Animate.css > If you need the old docs - v3.x.x and under - you can find it here. ## _Just-add-water CSS animation_ ## Installation Install with npm: [code] Install with yarn: [code] ## Getting Started You can find the Animate.css documentation on the website. ## Accessibility Animate.css supports the `prefers-reduced-motion` media query so that users with motion sensitivity can opt out of animations. On supported platforms (currently all the majors browsers and OS), users can select "reduce motion" on their operating system preferences and it will turn off CSS transitions for them without any further work required. ## Core Team | | | | | --- | --- | --- | | Daniel Eden | Elton Mesquita | Waren Gonzaga | | Animate.css Creator | Maintainer | Core Contributor | ## License Animate.css is licensed under the Hippocratic License. ## Code of Conduct This project and everyone participating in it is governed by the Contributor Covenant Code of Conduct. By participating, you are expected to uphold this code. Please report unacceptable behavior to animate@eltonmesquita.com. ## Contributing Pull requests are the way to go here. We only have two rules for submitting a pull request: match the naming convention (camelCase, categorised [fades, bounces, etc]) and let us see a demo of submitted animations in a pen. That **last one is important**.
Blurb generated by claude-haiku-5-5 1d ago. Star deltas marked ~ are extrapolated from partial history.