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 today

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 21% 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

1988d 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

[nosto/module-nostotagging

Increase your conversion rate and average order value by delivering your customers personalized product recommendations throughout their shopping journey.

27703.7k4](/packages/nosto-module-nostotagging)[tig/postnl-magento2

TIG Magento 2 PostNL extension

59570.5k5](/packages/tig-postnl-magento2)[myparcelnl/magento

A Magento 2 module that creates MyParcel labels

1860.2k](/packages/myparcelnl-magento)[swissup/theme-frontend-breeze-blank

Clean, lightning-fast breeze-powered theme.

1665.8k6](/packages/swissup-theme-frontend-breeze-blank)[loki/magento2-components

Core module for defining Alpine.js components with advanced AJAX features

1011.8k26](/packages/loki-magento2-components)[zwernemann/module-withdrawal

Magento 2 EU Withdrawal Button Module - Adds a withdrawal/revocation button for orders in compliance with EU Directive (EU) 2023/2673

244.8k2](/packages/zwernemann-module-withdrawal)

PHPackages © 2026

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