PHPackages                             mediarox/module-js-mmenu-light - 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. mediarox/module-js-mmenu-light

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

mediarox/module-js-mmenu-light
==============================

Magento 2 Module for mmenu-light.js

0.0.4(3y ago)072CC-BY-4.0PHP

Since Mar 20Pushed 3y agoCompare

[ Source](https://github.com/mediarox/module-js-mmenu-light)[ Packagist](https://packagist.org/packages/mediarox/module-js-mmenu-light)[ Docs](https://github.com/mediarox/module-js-mmenu-light)[ RSS](/packages/mediarox-module-js-mmenu-light/feed)WikiDiscussions main Synced 1mo ago

READMEChangelogDependenciesVersions (5)Used By (0)

Magento 2 Module for mmenu-light.js (3.2.0)
===========================================

[](#magento-2-module-for-mmenu-lightjs-320)

**This repo is just an integration of original js-library including css into Magento 2.**

> The (extremely) lightweight alternative to the mmenu.js plugin for creating off-canvas mobile menus with the exact look and feel.

For more information about "mmenu light", please check out the following links:

- [Repository](https://github.com/FrDH/mmenu-light)
- [Demo & documentation](https://www.mmenujs.com/mmenu-light/)
- [License: CC-BY-4.0](https://creativecommons.org/licenses/by/4.0/)
    - We have not changed the two reused files of "mmenu light"
    - Author: Fred Heusschen

### Installation

[](#installation)

```
cd
composer require mediarox/module-js-mmenu-light
bin/magento setup:upgrade
```

### Imagined example for topMenu

[](#imagined-example-for-topmenu)

```
?>

    let navigationSelector = 'nav.navigation';
    let navigationToggleSelector = '[data-action="toggle-nav"]';
    let navigationActiveUlSelector = 'li.active > ul.submenu';
    let navigationMobileMediaQuery = '(max-width: 767px)';

    require([
        'mmenuLight'
    ], function ($) {

        // validate required elements
        const navigation = document.querySelector(navigationSelector);
        const navigationToggle = document.querySelector(navigationToggleSelector);
        if(!navigation || !navigationToggle) return;

        // init mmmenu
        const mobileMenu = new MmenuLight(navigation, navigationMobileMediaQuery);
        const mobileMenuNavigator = mobileMenu.navigation();
        const mobileMenuDrawer = mobileMenu.offcanvas();

        // set active panel if needed
        const activePanel = document.querySelector(navigationActiveUlSelector);
        if(activePanel) {
            mobileMenuNavigator.openPanel(activePanel);
        }

        // add click/open event
        navigationToggle.addEventListener("click", (event) => {
            event.preventDefault();
            mobileMenuDrawer.open();
        });
    });

```

###  Health Score

21

—

LowBetter than 19% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity8

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity42

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

Total

3

Last Release

1328d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/1479824?v=4)[mediarox](/maintainers/mediarox)[@mediarox](https://github.com/mediarox)

---

Top Contributors

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

### Embed Badge

![Health badge](/badges/mediarox-module-js-mmenu-light/health.svg)

```
[![Health](https://phpackages.com/badges/mediarox-module-js-mmenu-light/health.svg)](https://phpackages.com/packages/mediarox-module-js-mmenu-light)
```

###  Alternatives

[jeroen/rewindable-generator

Provides a simple adapter to make generators rewindable

1655.4k2](/packages/jeroen-rewindable-generator)

PHPackages © 2026

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