PHPackages gaomingcode/animate.css - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. gaomingcode/animate.css ActiveLibrary[Utility & Helpers](/categories/utility) gaomingcode/animate.css ======================= A cross-browser library of CSS animations. As easy to use as an easy thing. 4.1.1(4y ago)012MIT Since Jun 3Pushed 4y agoCompare [ Source](https://github.com/gaomingcode/animate.css)[ Packagist](https://packagist.org/packages/gaomingcode/animate.css)[ Docs](https://animate.style/)[ RSS](/packages/gaomingcode-animatecss/feed)WikiDiscussions master Synced 1w ago READMEChangelog (1)DependenciesVersions (2)Used By (0) Animate.css =========== [](#animatecss) [![GitHub Version](https://camo.githubusercontent.com/7a1e04e9fab7e95e36cf9b4bcc5419f4460bae0ce2753ab6333df6750e180a41/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f72656c656173652f67616f6d696e67636f64652f616e696d6174652e6373732e737667)](https://github.com/gaomingcode/animate.css)[![Packagist Downloads](https://camo.githubusercontent.com/c758147085b91b648a317e6d319898442a392fef1ae15608c88e63ca80dfa0f0/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f646d2f67616f6d696e67636f64652f616e696d6174652e637373)](https://github.com/gaomingcode/animate.css)[![Github License](https://camo.githubusercontent.com/222b65421bfbb4a7c22a84da404d20307163b0d8e7610aaa0124b1347058d593/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f67616f6d696e67636f64652f616e696d6174652e637373)](https://github.com/gaomingcode/animate.css) Installation ------------ [](#installation) ### Composer [](#composer) ``` composer require gaomingcode/animate.css ``` ReadMe from Origin ------------------ [](#readme-from-origin) [![GitHub Version](https://camo.githubusercontent.com/7515a7860b20ea008baa14c744993a01309b9bb9ee83b3d61442e66df8af341b/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f72656c656173652f616e696d6174652d6373732f616e696d6174652e6373732e7376673f7374796c653d666f722d7468652d6261646765)](https://github.com/animate-css/animate.css/releases) [![Github Star](https://camo.githubusercontent.com/088e80e83b6a959d9888db40f6151f1993e3a355792291b102476c1e36fe9d3a/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f73746172732f616e696d6174652d6373732f616e696d6174652e6373732e7376673f7374796c653d666f722d7468652d6261646765)](https://github.com/animate-css/animate.css/stargazers) [![Github Fork](https://camo.githubusercontent.com/387a5c3ef4b44ba2d08b988b2924a226831b144f19bb905a5db4f65b0daee86a/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f666f726b732f616e696d6174652d6373732f616e696d6174652e6373732e7376673f7374796c653d666f722d7468652d6261646765)](https://github.com/animate-css/animate.css/network/members) [![License](https://camo.githubusercontent.com/71c5128e6cef0d757ee71a0e477dc34f63eee731b719e46eb74571c5cef66076/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f616e696d6174652d6373732f616e696d6174652e6373732e7376673f7374796c653d666f722d7468652d6261646765)](https://github.com/animate-css/animate.css/blob/main/LICENSE) > If you need the old docs - v3.x.x and under - you can find it [here](https://github.com/animate-css/animate.css/tree/a8d92e585b1b302f7749809c3308d5e381f9cb17). *Just-add-water CSS animation* ------------------------------ [](#just-add-water-css-animation) Installation ------------ [](#installation-1) Install with npm: ``` npm install animate.css --save ``` Install with yarn: ``` yarn add animate.css ``` Getting started --------------- [](#getting-started) You can find the Animate.css documentation on the [website](https://animate.style/). Accessibility ------------- [](#accessibility) Animate.css supports the [`prefers-reduced-motion` media query](https://webkit.org/blog/7551/responsive-design-for-motion/) 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 --------- [](#core-team) [![Daniel Eden](https://avatars2.githubusercontent.com/u/439365?s=460&u=512b4cc5324938ae40bbb8f3b7769d335953cd3a&v=4)](https://avatars2.githubusercontent.com/u/439365?s=460&u=512b4cc5324938ae40bbb8f3b7769d335953cd3a&v=4)[![Elton Mesquita](https://avatars2.githubusercontent.com/u/5007208?s=460&u=418401ee605824272e5dcb955fd64ea24546a857&v=4)](https://avatars2.githubusercontent.com/u/5007208?s=460&u=418401ee605824272e5dcb955fd64ea24546a857&v=4)[![Waren Gonzaga](https://avatars1.githubusercontent.com/u/15052701?s=460&u=9e58364978379536d3f26c4ce5cae1a2a449a0e4&v=4)](https://avatars1.githubusercontent.com/u/15052701?s=460&u=9e58364978379536d3f26c4ce5cae1a2a449a0e4&v=4)[Daniel Eden](https://github.com/daneden)[Elton Mesquita](https://github.com/eltonmesquita)[Waren Gonzaga](https://github.com/WarenGonzaga)Animate.css CreatorMaintainerCore ContributorLicense ------- [](#license) Animate.css is licensed under the MIT license. Code of Conduct --------------- [](#code-of-conduct) This project and everyone participating in it is governed by the [Contributor Covenant Code of Conduct](CODE_OF_CONDUCT.md). By participating, you are expected to uphold this code. Please report unacceptable behavior to . Contributing ------------ [](#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](https://codepen.io). That **last one is important**. ### Health Score 25 — LowBetter than 37% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity5 Limited adoption so far Community19 Small or concentrated contributor base Maturity51 Maturing project, gaining track record Bus Factor2 2 contributors hold 50%+ of commits How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Unknown Total 1 Last Release 1810d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/4b333bd44a2f7f526cc29a59b2945b27c7d2f31df68b92c2eb46efbddc032483?d=identicon)[gaomingcode](/maintainers/gaomingcode) --- Top Contributors [![daneden](https://avatars.githubusercontent.com/u/439365?v=4)](https://github.com/daneden "daneden (205 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (71 commits)")[![eltonmesquita](https://avatars.githubusercontent.com/u/5007208?v=4)](https://github.com/eltonmesquita "eltonmesquita (53 commits)")[![suissa](https://avatars.githubusercontent.com/u/75607?v=4)](https://github.com/suissa "suissa (42 commits)")[![gaomingcode](https://avatars.githubusercontent.com/u/53959161?v=4)](https://github.com/gaomingcode "gaomingcode (19 commits)")[![woneob](https://avatars.githubusercontent.com/u/1608783?v=4)](https://github.com/woneob "woneob (11 commits)")[![jamesgeorge007](https://avatars.githubusercontent.com/u/25279263?v=4)](https://github.com/jamesgeorge007 "jamesgeorge007 (9 commits)")[![lipis](https://avatars.githubusercontent.com/u/125676?v=4)](https://github.com/lipis "lipis (9 commits)")[![procodeing](https://avatars.githubusercontent.com/u/10468507?v=4)](https://github.com/procodeing "procodeing (9 commits)")[![warengonzaga](https://avatars.githubusercontent.com/u/15052701?v=4)](https://github.com/warengonzaga "warengonzaga (9 commits)")[![sarbbottam](https://avatars.githubusercontent.com/u/949380?v=4)](https://github.com/sarbbottam "sarbbottam (8 commits)")[![WarenGonzagaOfficial](https://avatars.githubusercontent.com/u/11012763?v=4)](https://github.com/WarenGonzagaOfficial "WarenGonzagaOfficial (7 commits)")[![shpuld](https://avatars.githubusercontent.com/u/10912941?v=4)](https://github.com/shpuld "shpuld (5 commits)")[![anthony0030](https://avatars.githubusercontent.com/u/13033263?v=4)](https://github.com/anthony0030 "anthony0030 (4 commits)")[![Hackzzila](https://avatars.githubusercontent.com/u/11618364?v=4)](https://github.com/Hackzzila "Hackzzila (4 commits)")[![zvuc](https://avatars.githubusercontent.com/u/2870726?v=4)](https://github.com/zvuc "zvuc (3 commits)")[![angelorohit](https://avatars.githubusercontent.com/u/1012057?v=4)](https://github.com/angelorohit "angelorohit (3 commits)")[![coliff](https://avatars.githubusercontent.com/u/1212885?v=4)](https://github.com/coliff "coliff (3 commits)")[![dependabot-preview[bot]](https://avatars.githubusercontent.com/in/2141?v=4)](https://github.com/dependabot-preview[bot] "dependabot-preview[bot] (3 commits)")[![mesge](https://avatars.githubusercontent.com/u/3252430?v=4)](https://github.com/mesge "mesge (3 commits)") --- Tags cssanimate ### Embed Badge ![Health badge](/badges/gaomingcode-animatecss/health.svg) ``` [![Health](https://phpackages.com/badges/gaomingcode-animatecss/health.svg)](https://phpackages.com/packages/gaomingcode-animatecss) ``` ### Alternatives [components/flag-icon-css A curated collection of all country flags in SVG — plus the CSS for easier integration. 12.0k1.6M23](/packages/components-flag-icon-css)[matthiasmullie/minify CSS & JavaScript minifier, in PHP. Removes whitespace, strips comments, combines files (incl. @import statements and small assets in CSS files), and optimizes/shortens a few common programming patterns. 2.0k30.5M336](/packages/matthiasmullie-minify)[scssphp/scssphp scssphp is a compiler for SCSS written in PHP. 62827.7M220](/packages/scssphp-scssphp)[mexitek/phpcolors A series of methods that let you manipulate colors. Just incase you ever need different shades of one color on the fly. 5003.6M18](/packages/mexitek-phpcolors)[wikimedia/less.php PHP port of the LESS processor 12327.4M77](/packages/wikimedia-lessphp)[cerdic/css-tidy CSSTidy is a CSS minifier 2092.0M6](/packages/cerdic-css-tidy) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)