PHPackages                             jasfordadobe/pagebuilder-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. [Utility & Helpers](/categories/utility)
4. /
5. jasfordadobe/pagebuilder-animate

ActiveMagento2-module[Utility & Helpers](/categories/utility)

jasfordadobe/pagebuilder-animate
================================

Page Builder content type for Animate.

0.0.1(5y ago)076proprietaryLessPHP ~7.3.0||~7.4.0

Since Jan 22Pushed 5y ago1 watchersCompare

[ Source](https://github.com/jasonfordAdobe/jason-pagebuilder-animate)[ Packagist](https://packagist.org/packages/jasfordadobe/pagebuilder-animate)[ RSS](/packages/jasfordadobe-pagebuilder-animate/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (1)Dependencies (2)Versions (2)Used By (0)

CSS Animations for Magento Page Builder
=======================================

[](#css-animations-for-magento-page-builder)

Adding CSS animations to Page Builder. The aim is to make pages and content more engaging through the use of movement. Using CSS animations is preferred over JS animations as it's repeatable and well supported.

This also includes JS which will trigger the animation when it comes into viewport.

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

[](#installation)

Composer instructions to go here.....

Usage
-----

[](#usage)

Once installed, it will show within your Page Builder CMS interface under Layout.

Drag the element on to screen, within a row or column. Drag other content elements into the animation area, and use the settings option to adjust the Animation Name, Animation Duration, Animation Delay and Animation Iteration.

[![Adding an animation to the page](image_adding_animation_to_pb.gif "Adding an animation to the page")](image_adding_animation_to_pb.gif)

[![Animation on the frontend](image_animation_on_fe.gif "Animation on the frontend")](image_animation_on_fe.gif)

To do
-----

[](#to-do)

- Test thoroughly
- Add defaults to Animation settings
- Make the "scroll to viewport" offset adjustable
- Make it easier to add/remove animations

Boring stuff
------------

[](#boring-stuff)

This code is provided "as is" and not intended for production use. It is created to improve my own personal workflow and is not endoresed or supported by myself, my employer or anyone else associated with the code. If you use this, you do so at your own risk, and with full knowledge of what you're doing.

Animate.css
-----------

[](#animatecss)

This component makes use of the [Animate.css](https://animate.style/) library which is available on an [Open Source MIT license](https://opensource.org/licenses/MIT).

Josh.js
-------

[](#joshjs)

This component makes use of the [Josh.JS](https://github.com/mamunhpath/josh.js) library whihc is available on an [Open Source MIT license](https://opensource.org/licenses/MIT).

###  Health Score

22

—

LowBetter than 22% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity9

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity43

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

1941d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/123403?v=4)[Jason Ford](/maintainers/jasford)[@jasford](https://github.com/jasford)

---

Top Contributors

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

### Embed Badge

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

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

###  Alternatives

[tig/postnl-magento2

TIG Magento 2 PostNL extension

58544.2k4](/packages/tig-postnl-magento2)[lillik/magento2-price-decimal

Magento 2 Price Decimal Precision

111147.5k](/packages/lillik-magento2-price-decimal)[markshust/magento2-module-pagebuildersourcecode

The Page Builder Source Code module adds a Source Code button to the toolbar of the Page Builder WYSIWYG editor.

119103.3k](/packages/markshust-magento2-module-pagebuildersourcecode)[doofinder/doofinder-magento2

Doofinder module for Magento 2

13204.0k1](/packages/doofinder-doofinder-magento2)[magepal/magento2-form-field-manager

Customer and Address Form Fields Manager for Magento2

293.8k](/packages/magepal-magento2-form-field-manager)[graycore/magento2-graphql-introspection-cache

1015.2k](/packages/graycore-magento2-graphql-introspection-cache)

PHPackages © 2026

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