Pikabu – Off-Canvas Menu Framework

Pikabu is a speedy, flexible off-canvas framework for flyout panels. Created by the Mobify Team.

Preview

pikabu

Usage

Add the following css in the head of the document:




and also add the js script:



and then create a instance:


// All options are optional
var pikabu = new Pikabu({
    // Specify left and right sidebar widths independently
    widths: {
        left: '70%',
        right: '70%'
    }
});

after creating creating the instance you can use it like this:


$('.m-pikabu').pikabu({
    viewportSelector: '.pikabu-viewport'
});

Browser Support

  • Safari 4.0+
  • Firefox 4.0+
  • Chrome 12.0+
  • Opera 12.0+
  • Internet Explorer 10.0+
Github: https://github.com/mobify/pikabu
Website: http://mobify.github.io/pikabu/
License: MIT

Leave a Reply