widgets.supply
Getting Started

Introduction
Installation

Texts
Arc Title Blade Reveal Blended Hover Blur Reading Blur Reveal Counter Decode Hover Decode Reveal Dynamic Copyright Fluid Gradient Highlight Highlight Hover Letter Launcher Link Preview Looping Lines Looping Lines v2 Looping Lines v3new Mask Hover Proximity Hover Read More Scribble Reveal Scroll Reading Swap Hover Text Shimmer Twist Reveal Typed Underline Hover Unfold Hover 3D Swap Hover
Buttons

Anyside Button
Arrow Button
Arrow Button v2
Arrow Button v3
Arrow Button v4
Arrow Button v5
Arrow Button v6
Arrow Button v7
Arrow Button v8
Blurry Button
Bubbles Button
Crystal Button
Dot Button
Dot Button v2
Dot Button v3
FlipFlop Button
FlipFlop Button v2
FlipFlop Button v3
Glowing Button
Marquee Button
Marquee Button v2
Mask Button
Modal Button
Nudge Button
Pixels Button
Prism Button
Prism Button v2
Rainbow Button
Reel Button
Ripple Button
Ripple Button v2
Ripple Button v3
Ripple Button v4
Ripple Button v5
Ripple Button v6
Ripple Button v7
Shiny Button
Squeezy Radius Button
Strip Button
Stripes Button

Menus
Burger Dock Drawer Dropdown Dynamic Island Expanding Menu Expanding Navnew Focus Nav Gooey Nav Morphing Nav OffCanvas Menu Overlay Menu Sticky Header
Medias
Before/After Image Image Hotspots Image Reveal Image Reveal v2 Image Reveal v3 Image Reveal v4 Lightbox Parallax Scrolling Gallery Video Tabsnew
Cursors

Crosshair
Cursor
Cursor Slide
Cursor Trail
Designer Cursor

Sliders

Infinite Slider
Parallax Slider
Stories
Thumbnail Slider

Background

Border Beam
Fluids
Gradiently
Grainy
Interactive Lines
Interactive Lines v2
Interactive Lines v3
Interactive Lines v4
Overlay Shadows
Particles
Physics
Scrolling Background
Spotlight
Spotlight v2
Tiles

Cores
Audio Player Back to Top Click and Copy Decode Card Distorsion Tabs Expanders Flipbox Glitchy Horizontal Marquee Interactive Divider Inverted Corner Looping Tabs Lottie Motion Divider Observer Progress Bar Progress Bar v2 QR Code Scrollbar Smooth Scroll Stacking Cards Sticky Footernew Tabs Tippy Toast Toolteam Pixels Shimmer Card Sharer Spinner Vertical Marquee
Jose Tamu
Sep 22, 2025 /
Beginner /
Light

OffCanvas Menu

OffCanvas Menu · 

demo

How it works

OffCanvas Menu is a nestable widget. You can put any content at it by using the content repeater control: custom code, templates, global widgets and shortcodes.

Content tab

Settings group

Custom toggle: you can set your toggle here passed by it’s classname.

Animation group

Type: determines the origin of the offcanvas: From Left, From Right or From Top. The demo is From Right..
Duration
GSAP easing: you can choose from a wide variety of easings. Learn more about GSAP easings here.

Backdrop Animation group

OffCanvas Menu contains a backdrop, it’s background can be set right here.
Duration
CSS easing: you can set any custom CSS easing of your own. Learn more about CSS easings here.