OffCanvas / Drawer – Drawer Plugin for WP


OffCanvas is a sidebar drawer that can be toggled via a button to appear from the left, right, or bottom edge of the viewport.



  • Position: Set OffCanvas position(left, right, top and bottom).
  • Button Style: Apply button align, typography and colors(text and background).
  • Popup Style: Add background property such as color, gradient or image.
  • Popup Header Style: Apply header title typography and color. Also, color in the close icon.
  • InnerBlocks: InnerBlocks in the popup area for custom content as per your requirements.
  • Library Use: Bootstrap, React Bootstrap.

How to use

  • First, install the OffCanvas Block plugin
  • Add the OffCanvas Block from the block category called „Widgets“ in the Gutenberg editor.
  • You can change block settings from the right-side settings sidebar.
  • Enjoy!

  • For installation help click on Installation Tab


⭐ Check out the Parent Plugin of this plugin-

πŸ”₯ B Blocks – Best gutenberg blocks collections for WordPress.

⭐ Check out our other WordPress Plugins-

πŸ”₯ Html5 Audio Player – Best audio player plugin for WordPress.

πŸ”₯ Html5 Video Player – Best video player plugin for WordPress.

πŸ”₯ PDF Poster – A fully-featured PDF Viewer Plugin for WordPress.

πŸ”₯ Document Embedder – Best WordPress Document Embedder Plugin.

πŸ”₯ 3D Viewer – Display interactive 3D models on the webs.

πŸ”₯ Advanced Post Block – Best Post Display Plugin for WordPress.


  • Settings
  • OffCanvas Right
  • OffCanvas Bottom


This plugin provides 1 block.

  • OffCanvas Display content box from the left, right, or bottom edge of the viewport


From Gutenberg Editor:

  1. Go to the WordPress Block/Gutenberg Editor
  2. Search For OffCanvas Block
  3. Click on the OffCanvas Block to add the block

Download & Upload:

  1. Download the OffCanvas Block plugin (.zip file)
  2. In your admin area, go to the Plugins menu and click on Add New
  3. Click on Upload Plugin and choose the file and click on Install Now
  4. Activate the plugin and Enjoy!


  1. Download and upload the OffCanvas Block plugin to the /wp-content/plugins/ directory
  2. Activate the plugin through the Plugins menu in WordPress


Is OffCanvas Block free?

Yes, OffCanvas Block is a free Gutenberg block plugin.

Does it work with any WordPress theme?

Yes, it will work with any standard WordPress theme.

Can I change block settings?

Yes, you can change block settings from the Gutenberg block editor’s right sidebar.

How many times can I reuse a block?

You can use unlimited times as you want.

Where can I get support?

You can post your questions on the support forum here


Read all 1 review

Contributors & Developers

“OffCanvas / Drawer – Drawer Plugin for WP” is open source software. The following people have contributed to this plugin.




  • Initial Release