Jan 5, 2022
A list of 10 Best Off-canvas navigation systems for both desktop and mobile web design.
seen from United States
seen from India
seen from South Korea
seen from Mexico
seen from Malaysia
seen from Russia
seen from Russia
seen from Germany
seen from United States
seen from Germany
seen from China
seen from United Kingdom
seen from United States
seen from Japan
seen from United States
seen from United States
seen from Malaysia
seen from Malaysia
seen from Australia
seen from United States
A list of 10 Best Off-canvas navigation systems for both desktop and mobile web design.
Bootstrap 4 Compatible Multi Purpose Menu - jQuery sina-nav
sina-nav is a multi-purpose menu plugin that helps you create responsive, user-friendly, multi-level, Bootstrap 4 compatible navigation system for your web application.
Demo
Download
Minimalist Hamburger Push Navigation With jQuery And CSS - Swipe Menu
Yet another jQuery/CSS based push menu that enables a hamburger button to reveal an off-screen sidebar navigation while pushing the main content to the other side.
Demo
Download
Create Custom Off-canvas Bootstrap 4 Nav - bsnav
bsnav is a jQuery & Bootstrap plugin used to override and extend the styles & behaviors of the default Bootstrap 4 navbar component.
DEMO
DOWNLOAD
Modern Off-canvas Burger Menu With jQuery And CSS3
A modern, CSS3 animated off-canvas hamburger menu created for both mobile and desktop. Heavily based on CSS3 transitions and transforms.
Demo
Download
Sliding Drawer Menu Plugin With jQuery - mln_menu.js
The mln_menu.js jQuery plugin helps you create a sliding drawer which can be used for revealing an off-canvas sidebar navigation on your cross-platform webpage.
Demo
Download
Vanilla JS Offcanvas Side Menu - Mobile Swipe Menu
Mobile Swipe Menu is a vanilla JavaScript library that creates touch-enabled off-canvas side menus for modern web applications. It supports left and right slide modes and binds to any DOM element through a single constructor call. Features: Supports right-edge and left-edge slide modes for offcanvas panel direction. Configurable panel width set in pixels at instantiation. Adjustable hook zone…
Multi-Direction Offcanvas Drawers with Smooth Sliding Animations
A lightweight CSS/JavaScript solution that enables you to create responsive offcanvas drawers with smooth slide animations. It supports four directions (top, right, bottom, left) and helps you display content like navigation menus, sidebar panels or cookie consent banners compactly. Features: CSS keyframe-based transitions with easing controls Responsive sizing via Tailwind utility…