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

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

[freshbitsweb/laratables

Ajax support of DataTables for Laravel

4871.1M3](/packages/freshbitsweb-laratables)[ahand/mobileesp

Since 2008, MobileESP provides web site developers an easy-to-use and lightweight API for detecting whether visitors are using a mobile device, and if so, what kind. The APIs provide simple boolean results ('true' or 'false') for identifying individual device categories (such as iPhone, BlackBerry, Android, and Windows Mobile), device capabilities (e.g., J2ME), and broad classes of devices, such as 'iPhone Tier' (iPhone/Android/Tizen) or 'Tablet Tier.' APIs are available in PHP, JavaScript, Java, C#, Ruby Python, and more.

174491.4k7](/packages/ahand-mobileesp)

PHPackages © 2026

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