PHPackages                             weprovide/magento2-module-headroom - 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. weprovide/magento2-module-headroom

AbandonedArchivedLibrary[Utility & Helpers](/categories/utility)

weprovide/magento2-module-headroom
==================================

data-mage-init integration for Headroom.js

1.0.7(3y ago)519.7k↓47.1%3proprietaryJavaScript

Since Jun 14Pushed 3y ago1 watchersCompare

[ Source](https://github.com/weprovide/magento2-module-headroom)[ Packagist](https://packagist.org/packages/weprovide/magento2-module-headroom)[ RSS](/packages/weprovide-magento2-module-headroom/feed)WikiDiscussions master Synced today

READMEChangelog (1)DependenciesVersions (9)Used By (0)

Magento2 Module Headroom
========================

[](#magento2-module-headroom)

data-mage-init integration for Headroom.js

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

[](#installation)

1. `composer require weprovide/magento2-module-headroom`
2. `bin/magento setup:upgrade`

Usage example
-------------

[](#usage-example)

```

  {
    ".page-header": {
      "WeProvide_Headroom/headroom": {
         "classes": {
             "initial": "animated",
             "pinned": "slideDown",
             "unpinned": "slideUp"
         }
       }
    }
  }

```

### Programmatic API

[](#programmatic-api)

```
define(['WeProvide_Headroom/headroom'], function (headroom) {
  // Headroom configuration. See http://wicky.nillia.ms/headroom.js for all options
  var configuration = {
    classes: {
      initial: 'animated',
      pinned: 'slideDown',
      unpinned: 'slideUp'
    }
  }

  // Element to intialize Headroom on.
  var element = document.querySelector("header")

  var instance = headroom(configuration, element)

  // Dynamically update options after initializing
  instance.classes.pinned = 'slideDown-new'
});
```

### Using Headroom.js directly

[](#using-headroomjs-directly)

```
define(['headroom'], function (Headroom) {
  // Headroom configuration. See http://wicky.nillia.ms/headroom.js for all options
  var configuration = {}

  // Element to intialize Headroom on.
  var element = document.querySelector("header")

  var instance = new Headroom(element, configuration)

  instance.init()
});
```

###  Health Score

36

—

LowBetter than 79% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity29

Limited adoption so far

Community12

Small or concentrated contributor base

Maturity68

Established project with proven stability

 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 ~286 days

Recently: every ~501 days

Total

8

Last Release

1304d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/80809e7caf8341b1bac3d759e2b159a38b9bdab2deee5b0d4d66de6c83b992d1?d=identicon)[IntractoSupport](/maintainers/IntractoSupport)

![](https://www.gravatar.com/avatar/9e723dd83f374215e85b05fa260826f267bcef0dfb1026246ca1d845ae4f3a39?d=identicon)[JeroenNoten](/maintainers/JeroenNoten)

![](https://www.gravatar.com/avatar/6f1ed5a230a1b7a889ad5bb727fc43f070e2d57ad9f857625226096cbfcc80c7?d=identicon)[aadmathijssen](/maintainers/aadmathijssen)

![](https://www.gravatar.com/avatar/92f8e461e78a0a329cc789c8aa51ada74ae2b7cb0ea12ecc4b09a834d114d236?d=identicon)[timvango](/maintainers/timvango)

---

Top Contributors

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

---

Tags

magento

### Embed Badge

![Health badge](/badges/weprovide-magento2-module-headroom/health.svg)

```
[![Health](https://phpackages.com/badges/weprovide-magento2-module-headroom/health.svg)](https://phpackages.com/packages/weprovide-magento2-module-headroom)
```

PHPackages © 2026

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