PHPackages                             swdevelopment/animate - 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. swdevelopment/animate

ActiveCraft-plugin

swdevelopment/animate
=====================

This will animate HTML elements using the AOS library.

5.0.0(2y ago)34.2k2MITPHP

Since Sep 3Pushed 2y ago1 watchersCompare

[ Source](https://github.com/sw-development-services/animate-plugin)[ Packagist](https://packagist.org/packages/swdevelopment/animate)[ RSS](/packages/swdevelopment-animate/feed)WikiDiscussions master Synced 1w ago

READMEChangelogDependencies (1)Versions (12)Used By (0)

Animate plugin for Craft CMS 3.x | 4.x | 5.x
============================================

[](#animate-plugin-for-craft-cms-3x--4x--5x)

This will animate elements using AOS from

[![Screenshot](resources/img/animate-logo.png)](resources/img/animate-logo.png)

Requirements
------------

[](#requirements)

This plugin requires Craft CMS 3.0.0-beta.23 or later.

Installation
------------

[](#installation)

To install the plugin, follow these instructions.

1. Open your terminal and go to your Craft project:

    ```
     cd /path/to/project

    ```
2. Then tell Composer to load the plugin:

    ```
     composer require swdevelopment/animate

    ```
3. In the Control Panel, go to Settings → Plugins and click the “Install” button for animate.

or

```
    ./craft plugin/install animate

```

Animate Overview
----------------

[](#animate-overview)

Animate save you time by loading the files needed to run the Animate On Scroll library and allows you add animation elements in your templates.

Configuring Animate
-------------------

[](#configuring-animate)

To start using Animate, just navigate to the Control Panel and click on the Animate plugin.

1. To activate be sure to make sure you turn the Activate Animate lightswitch on.
2. To use a CDN with the library, be sure to turn the Use CDN lightswitch on. It is good practice to use a CDN in production environments. If you are developing locally, there is no need to turn it on.

[![Screenshot](resources/img/animate-settings.png)](resources/img/animate-settings.png)

Using Animate
-------------

[](#using-animate)

To use Animate inside of a template, simply add the **data-aos** tags to any element. Full usage of the library is completely up to you.

- animations are used with the attribute **data-aos**
- settings can be overridden with the attribute **data-aos-**\*

    - delay
    - duration
    - offset
    - easing
    - anchor
    - anchor-placement

#### Animation Options ( Fade )

[](#animation-options--fade-)

Animation EffectUsagefadedata-aos="fade"fade-updata-aos="fade-up"fade-downdata-aos="fade-down"fade-leftdata-aos="fade-left"fade-rightdata-aos="fade-down"fade-up-rightdata-aos="fade-up-right"fade-up-leftdata-aos="fade-up-left"fade-down-rightdata-aos="fade-down-right"fade-down-leftdata-aos="fade-down-left"Example code of a "flip-up":

```

    Welcome

```

For all animations, animation types and settings options, please refer to Animate's settings page.

Animate Roadmap
---------------

[](#animate-roadmap)

#### Future features:

[](#future-features)

- Add the ability to edit animation inside the CP on any field.

Brought to you by [Tim Strawbridge](https://www.swdevteam.com?utm_source=github&utm_medium=website&utm_campaign=animate_plugin&utm_term=&utm_content=site_link)

###  Health Score

32

—

LowBetter than 72% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity22

Limited adoption so far

Community11

Small or concentrated contributor base

Maturity61

Established project with proven stability

 Bus Factor1

Top contributor holds 66.7% 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

Every ~132 days

Recently: every ~171 days

Total

11

Last Release

759d ago

Major Versions

v1.0.9 → 2.0.4-beta2022-06-03

2.0.6-beta → 4.0.02023-08-25

4.0.0 → 5.0.02024-04-19

### Community

Maintainers

![](https://www.gravatar.com/avatar/f3653dcf8e94ba2d63f9ee62fad7794e8b7c3b5fc776dbdd86d2666db3f7a23e?d=identicon)[timothy147](/maintainers/timothy147)

---

Top Contributors

[![timstrawbridge](https://avatars.githubusercontent.com/u/19721413?v=4)](https://github.com/timstrawbridge "timstrawbridge (2 commits)")[![michaeldhopkins](https://avatars.githubusercontent.com/u/133994?v=4)](https://github.com/michaeldhopkins "michaeldhopkins (1 commits)")

---

Tags

animate-pluginaoscraftcms-plugincmsCraftcraftcmscraft-pluginanimateanimation effectsHTML animation

### Embed Badge

![Health badge](/badges/swdevelopment-animate/health.svg)

```
[![Health](https://phpackages.com/badges/swdevelopment-animate/health.svg)](https://phpackages.com/packages/swdevelopment-animate)
```

###  Alternatives

[nystudio107/craft-seomatic

SEOmatic facilitates modern SEO best practices & implementation for Craft CMS 5. It is a turnkey SEO system that is comprehensive, powerful, and flexible.

1741.4M46](/packages/nystudio107-craft-seomatic)[verbb/image-resizer

Resize assets when they are uploaded.

127269.1k7](/packages/verbb-image-resizer)[verbb/tablemaker

Create customizable and user-defined table fields.

40168.8k1](/packages/verbb-tablemaker)[wrav/oembed

A simple plugin to extract media information from websites, like youtube videos, twitter statuses or blog articles.

36205.0k3](/packages/wrav-oembed)[verbb/hyper

A user-friendly links field for Craft.

24130.9k9](/packages/verbb-hyper)[verbb/social-poster

Automatically post entries to social media.

918.5k](/packages/verbb-social-poster)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)