Offside.js – Off-Canvas Menu with Javascript

samuel Menu 192 , , , , ,

Offside.js is a minimal JavaScript kit without library dependencies to push things off-canvas using just class manipulation. It’s goal is to provide a super-lightweight, efficient and customizable way of handling off-canvas menus/elements on modern website and web applications.


  • Minimal DOM manipulations
  • No library dependencies
  • Uses CSS3 3D transforms
  • No injected style. Offside entirely relies on classes manipulations
  • BEM-like style
  • Requirable through require(‘offside-js’)
  • Degrades gracefully on browsers not supporting CSS3 3D transforms
  • Handles multiple off-canvas elements
  • Left/right off-canvas
  • Style agnostic
  • No need of extra classes or any specific markup.
Related Post

Mobility is a super light weight HTML, CSS, and JS framework built on top of Bootstrap for developing mobile applications.Features:

A tutorial about creating simple push menu with pure Javascript and CSS.

OffCanvas is a lightweight, flexible jQuery off-canvas navigation plugin which lets you create fully accessible sidebar or top/bottom sliding (or Read more

A nice tutorial about creating Responsive Sidebar Navigation. It's easy-to-integrate side, vertical navigation, ideal for dashboards and admin areas.

Simpler Sidebar is a jQuery plugin to create simple sidebar menu/navigation. It can be use both for left and right Read more

Simple Sidebar is a jQuery plugin that you can choose to use the right-sidebar or the left-sidebar and switch from Read more

Side panel slider plugin (jQuery) that also slides page. Features slide page and panel together (inspired on support multiple Read more

Slidebars is a jQuery plugin for quickly and easily implementing app-style revealing menus and sidebars into your website.