PHPackages                             wakeworks/elemental-animator - 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. wakeworks/elemental-animator

ActiveSilverstripe-vendormodule

wakeworks/elemental-animator
============================

Adds animation options to your elements

1.0.2(1y ago)123BSD-3-ClausePHP

Since Jun 7Pushed 1y ago1 watchersCompare

[ Source](https://github.com/wakeworks/elemental-animator)[ Packagist](https://packagist.org/packages/wakeworks/elemental-animator)[ RSS](/packages/wakeworks-elemental-animator/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (3)Dependencies (4)Versions (4)Used By (0)

Elemental Animator for Silverstripe
===================================

[](#elemental-animator-for-silverstripe)

[![Packagist Version](https://camo.githubusercontent.com/b0b0d331c3a507c8ed7de109150ddb4cbea25f14d0b72540b71b14e008cfc702/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f57616b65576f726b732f656c656d656e74616c2d616e696d61746f723f7374796c653d666c61742d737175617265)](https://camo.githubusercontent.com/b0b0d331c3a507c8ed7de109150ddb4cbea25f14d0b72540b71b14e008cfc702/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f57616b65576f726b732f656c656d656e74616c2d616e696d61746f723f7374796c653d666c61742d737175617265)[![GitHub](https://camo.githubusercontent.com/23edffe92b343b5e575de806a42d3b2a149add8bdbe849884e1e1b31df0f4e18/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f57616b65576f726b732f656c656d656e74616c2d616e696d61746f723f7374796c653d666c61742d737175617265)](https://camo.githubusercontent.com/23edffe92b343b5e575de806a42d3b2a149add8bdbe849884e1e1b31df0f4e18/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f57616b65576f726b732f656c656d656e74616c2d616e696d61746f723f7374796c653d666c61742d737175617265)

Introduction
------------

[](#introduction)

Introduces easily integratable animations for your elemental blocks

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

[](#requirements)

- silverstripe/framework ^4.4 || ^5
- silverstripe/elemental ^4 || ^5

This module was only tested on >= 4.10.

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

[](#installation)

```
composer require wakeworks/elemental-animator

```

Then dev/build?flush=1.

How does it work? / Setup
-------------------------

[](#how-does-it-work--setup)

To introduce animations into your elements, you'll have to which animation you want to each element.

```

    $HTML

```

There are multiple options available

```

    $HTML

```

OptionDescriptionDefaultdata-animatedWhich effect will be usednonedata-animated-delayDelay in ms after which the effect will start0data-animated-durationDuration in ms that the animation will take1000### Available effects

[](#available-effects)

- fadeIn
- fadeInUp
- fadeInDown
- fadeInLeft
- fadeInRight

### Control animations from CMS

[](#control-animations-from-cms)

You can control your animations in cms by enabling the animations for all elements or specific ones. This will add input fields to your element's settings tab.

```
# Enable for all
DNADesign\Elemental\Models\BaseElement:
    animated: true

# Enable for specific one
Your\Specific\Element:
    animated: true
```

```

    $HTML

```

###  Health Score

29

—

LowBetter than 59% of packages

Maintenance42

Moderate activity, may be stable

Popularity8

Limited adoption so far

Community8

Small or concentrated contributor base

Maturity50

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

Every ~489 days

Total

3

Last Release

462d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/7694808?v=4)[Jan Metzger](/maintainers/Zazama)[@Zazama](https://github.com/Zazama)

![](https://www.gravatar.com/avatar/952c91f22ff89bfb25c32822340e47aef16aec424c492e19fc9840c51092b0cc?d=identicon)[wakeworks](/maintainers/wakeworks)

---

Top Contributors

[![Zazama](https://avatars.githubusercontent.com/u/7694808?v=4)](https://github.com/Zazama "Zazama (4 commits)")

---

Tags

silverstripeelementalAnimations

###  Code Quality

TestsPHPUnit

Code StylePHP\_CodeSniffer

### Embed Badge

![Health badge](/badges/wakeworks-elemental-animator/health.svg)

```
[![Health](https://phpackages.com/badges/wakeworks-elemental-animator/health.svg)](https://phpackages.com/packages/wakeworks-elemental-animator)
```

###  Alternatives

[wedevelopnl/silverstripe-elemental-grid

Elemental grid module

1014.1k2](/packages/wedevelopnl-silverstripe-elemental-grid)

PHPackages © 2026

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