JavaScripting

The definitive source of the best
JavaScript libraries, frameworks, and plugins.


  • ×

    Smartmenus

    jQuery website menu plugin. Responsive and accessible list-based website menus that work on all devices.
    Filed under 

    • 🔾26%Overall
    • 585
    • 100.3 days
    • 🕩176
    • 👥3

    SmartMenus

    Advanced jQuery website menu plugin. Mobile first, responsive and accessible list-based website menus that work on all devices. Check out the demo page.

    Quick start

    • Download the latest release.
    • Install with Bower: bower install smartmenus.
    • Install with npm: npm install smartmenus.
    • Clone the repo: git clone https://github.com/vadikom/smartmenus.git.

    Check out the project documentation for quick setup instructions, API reference, tutorials and more.

    Addons usage as modules

    If you need to use any of the addons from the "addons" directory as an AMD or CommonJS module:

    AMD

    Make sure your SmartMenus jQuery plugin module is named smartmenus since the addons require that name. For example, in RequireJS you may need to add this in your config:

    requirejs.config({
      "paths": {
        'smartmenus': 'jquery.smartmenus.min'
      }
      // ...
    

    CommonJS (npm)

    The addons are available as separate npm packages so you could properly install/require them in your project in addition to jquery and smartmenus:

    • Bootstrap 4 Addon: npm install smartmenus-bootstrap-4

    • Bootstrap Addon: npm install smartmenus-bootstrap

    • Keyboard Addon: npm install smartmenus-keyboard

    Example with npm + Browserify

    package.json:

    {
      "name": "myapp-using-smartmenus",
      "version": "1.0.0",
      "license": "MIT",
      "dependencies": {
        "jquery": ">=2.1.3",
        "smartmenus": ">=1.1.0",
        "smartmenus-keyboard": ">=0.4.0"
      },
      "devDependencies": {
        "browserify": ">=9.0.3"
      }
    }
    

    entry.js:

    var jQuery = require('jquery');
    require('smartmenus');
    require('smartmenus-keyboard');
    
    jQuery(function() {
      jQuery('#main-menu').smartmenus();
    });
    

    Run browserify to create bundle.js: browserify entry.js > bundle.js

    Homepage

    http://www.smartmenus.org/

    Documentation

    http://www.smartmenus.org/docs/

    Community and support

    Bugs and issues

    For bugs and issues only please. For support requests please use the Community forums or contact us directly via our Premium support.

    https://github.com/vadikom/smartmenus/issues

    Show All