Left Menu

This side uses a percentage edge hook, so swipes begin from a visible grip on the left side.

Edge hook mode The hook width is set as a percentage of the viewport, which keeps the gesture target usable on narrow screens.

Right Menu

This side uses full-body capture, so a horizontal swipe can open or close the drawer from the page area.

Body hook mode The gesture listener is attached to the page body, which suits mobile layouts that do not show a fixed side grip.

CSSScript.com Demo

Mobile Swipe Menu Demo

Download Back To CSSScript.Com

A vanilla JS side menu library with swipe gesture detection, adjustable hook zones, and open/close/toggle methods for mobile offcanvas navigation.

Menus closed Swipe enabled