PHPackages the-muda-organization/font-awesome-animations - 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. the-muda-organization/font-awesome-animations ActiveLibrary[Utility & Helpers](/categories/utility) the-muda-organization/font-awesome-animations ============================================= CSS animations for Font Awesome (and other icon libraries!). v1.0.0(5y ago)3291MITHTML Since Oct 19Pushed 1mo ago1 watchersCompare [ Source](https://github.com/the-muda-organization/font-awesome-animations)[ Packagist](https://packagist.org/packages/the-muda-organization/font-awesome-animations)[ RSS](/packages/the-muda-organization-font-awesome-animations/feed)WikiDiscussions master Synced yesterday READMEChangelog (1)DependenciesVersions (2)Used By (0) Font Awesome Animations ======================= [](#font-awesome-animations) CSS animations for Font Awesome (and other icon libraries!). --- Status ------ [](#status) [![GitHub Version](https://camo.githubusercontent.com/f449f1eac4f7a3ffc47e2ed352bd3f02c6e9ce7f986787a8e7f2bbffa7c4f792/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f72656c656173652f7468652d6d7564612d6f7267616e697a6174696f6e2f666f6e742d617765736f6d652d616e696d6174696f6e732e7376673f7374796c653d666f722d7468652d6261646765)](https://github.com/the-muda-organization/font-awesome-animations)[![License](https://camo.githubusercontent.com/dafc94f3d03f9bff172d1d105e1a00364ef53470b14944852f242b3b63a56a97/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f7468652d6d7564612d6f7267616e697a6174696f6e2f666f6e742d617765736f6d652d616e696d6174696f6e732e7376673f7374796c653d666f722d7468652d6261646765)](https://github.com/the-muda-organization/font-awesome-animations) [![Github Star](https://camo.githubusercontent.com/136e14b6358f9503eeaf85100d1aaed33e3df3319539f86639b7aea2e00d0ce4/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f73746172732f7468652d6d7564612d6f7267616e697a6174696f6e2f666f6e742d617765736f6d652d616e696d6174696f6e732e7376673f7374796c653d666f722d7468652d6261646765)](https://github.com/the-muda-organization/font-awesome-animations)[![Github Fork](https://camo.githubusercontent.com/2d2076a4bb0a2fc88c014a47b7dd3e350e562ccb901b8e5c22c64cd0a38b2955/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f666f726b732f7468652d6d7564612d6f7267616e697a6174696f6e2f666f6e742d617765736f6d652d616e696d6174696f6e732e7376673f7374796c653d666f722d7468652d6261646765)](https://github.com/the-muda-organization/font-awesome-animations) [![CSS gzip size](https://camo.githubusercontent.com/d27b380a5c5f4622e6bfd20de66b3c34d45399bc2aa4f8fcf7985c607619f5b6/68747470733a2f2f696d672e626164676573697a652e696f2f7468652d6d7564612d6f7267616e697a6174696f6e2f666f6e742d617765736f6d652d616e696d6174696f6e732f6d61737465722f646973742f66612d616e696d6174696f6e732e6d696e2e6373733f636f6d7072657373696f6e3d677a6970266c6162656c3d4353532b677a69702b73697a65)](https://github.com/the-muda-organization/font-awesome-animations/blob/master/dist/fa-animations.min.css) --- [![](https://github.com/the-muda-organization/font-awesome-animations/raw/master/PREVIEW.jpg?raw=true)](https://github.com/the-muda-organization/font-awesome-animations/blob/master/PREVIEW.jpg?raw=true) --- Table of contents ----------------- [](#table-of-contents) - [Status](#status) - [Quick Start](#quick-start) - [What's included](#whats-included) - [Bugs and feature requests](#bugs-and-feature-requests) - [Installation](#installation) - [How to Use](#how-to-use) - [Versioning](#versioning) - [Changelog](#changelog) - [Team](#team) - [Code of Conduct](#code-of-conduct) - [Copyright and License](#copyright-and-license) --- Quick Start ----------- [](#quick-start) Several options are available: - [Download the latest release.](https://github.com/the-muda-organization/font-awesome-animations/archive/master.zip) - Clone the repo: `git clone https://github.com/the-muda-organization/font-awesome-animations.git` - Install with [Composer](https://getcomposer.org/): `composer require the-muda-organization/font-awesome-animations` --- What's included --------------- [](#whats-included) Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. You'll see something like this: There are no dependencies. Library is designed for Font Awesome 5. See below for [Installation Guide](#installation) and [How to Use](#how-to-use) ``` fa-animations/ │ └─ dist/ │ ├── fa-animations.css └── fa-animations.min.css ``` --- Bugs and feature requests ------------------------- [](#bugs-and-feature-requests) Have a bug or a feature request? Before opening a new issue search for existing and closed issues. If your problem or idea is not addressed yet, [open a new issue](https://github.com/the-muda-organization/font-awesome-animations/issues/new). --- Installation ------------ [](#installation) 1. Download and copy files to your project 2. Add CSS to your project: ``` ``` 3. Ready to use! --- How to Use ---------- [](#how-to-use) Animations work with any Font Awesome prefix `fad`, `fal`, `far` and `fas`. Not tested on other icon librairies but it should work with little or no customization. This library does not include default Font Awesome animations: `fa-spin` and `fa-pulse`. Font Awesome Animations uses custom classes `.faa` or `.faa-parent` and custom prefix `faa-`. There are 2 types of animations: **regular** and **on hover**. ### A) Regular animations [](#a-regular-animations) Add `faa` and `faa-animation-name` classess to the icon. ``` ``` ### B) On hover animations [](#b-on-hover-animations) Add `faa-animation-name` class to the icon and `faa-parent` class to any ancestor element. Hover over to start animation. ``` ``` ### Available animations: [](#available-animations) - `faa-bounce` - `faa-burst` - `faa-falling` - `faa-flash` - `faa-flip-x` - `faa-flip-y` - `faa-float` - `faa-pulse` - `faa-ring` - `faa-rubber-band` - `faa-slide-left` - `faa-slide-right` - `faa-shake-x` - `faa-shake-y` - `faa-swing` - `faa-tada` - Default Font Awesome animations `fa-spin` and `fa-pulse`. --- Versioning ---------- [](#versioning) Font Awesome Animations will be maintained under the Semantic Versioning guidelines as much as possible. Releases will be numbered with the following format: `..` --- Changelog --------- [](#changelog) For last releases see detailed [CHANGELOG](https://github.com/the-muda-organization/font-awesome-animations/blob/master/CHANGELOG.md). --- Team ---- [](#team) - [Jakub Muda](https://github.com/jakubmuda) --- Code of conduct --------------- [](#code-of-conduct) We will behave ourselves if you behave yourselves. For more details see our [CODE OF CONDUCT](https://github.com/the-muda-organization/font-awesome-animations/blob/master/CODE_OF_CONDUCT.md). --- Copyright and license --------------------- [](#copyright-and-license) Code and documentation copyright 2017-2020 [The MUDA Organization](https://muda.pl). Code released under the [MIT License](https://github.com/the-muda-organization/font-awesome-animations/blob/master/LICENSE). ### Health Score 36 — LowBetter than 82% of packages Maintenance60 Regular maintenance activity Popularity11 Limited adoption so far Community8 Small or concentrated contributor base Maturity54 Maturing project, gaining track record Bus Factor1 Top contributor holds 100% of commits — single point of failure 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 2032d ago ### Community Maintainers ![](https://avatars.githubusercontent.com/u/40349972?v=4)[Jakub Muda](/maintainers/jakubmuda)[@jakubmuda](https://github.com/jakubmuda) --- Top Contributors [![jakubmuda](https://avatars.githubusercontent.com/u/40349972?v=4)](https://github.com/jakubmuda "jakubmuda (31 commits)") --- Tags animationcsscss-animationsfont-awesomeiconscssiconsanimationfont-awesomeFont Awesome 5mudacss-animationsicon-animation ### Embed Badge ![Health badge](/badges/the-muda-organization-font-awesome-animations/health.svg) ``` [![Health](https://phpackages.com/badges/the-muda-organization-font-awesome-animations/health.svg)](https://phpackages.com/packages/the-muda-organization-font-awesome-animations) ``` ### Alternatives [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)[wikimedia/less.php PHP port of the LESS processor 12327.4M77](/packages/wikimedia-lessphp)[fortawesome/wordpress-fontawesome Official Font Awesome WordPress plugin composer package. 662.1k](/packages/fortawesome-wordpress-fontawesome)[swissup/module-font-awesome FontAwesome for Magento2 116.9k1](/packages/swissup-module-font-awesome) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)