Introducing Gutenberg Off Canvas Block to Organize Content

We’re excited to introduce a brand-new addition to Premium Blocks plugin for Gutenberg editor—Gutenberg Off Canvas Block!
This powerful and versatile block provides a sleek, space-saving way to display additional content, navigation menus, widgets, and more—all without cluttering your page. Whether you need a slide-in menu, search bar, or dynamic sidebar, this block gives you full control over layout, triggers, and animations.
Best of all? It’s completely free! Start enhancing your WordPress design today with the latest version of Premium Blocks for Gutenberg editor.

Read the full documentation here for more customization options!

Visit Demo Page

Free Download

What is the Gutenberg Off Canvas Block?

Gutenberg Off-Canvas Block allows you to create hidden content that slides into view when triggered. This is perfect for adding:

Navigation menus
WooCommerce carts
Sidebars with extra content
Call-to-action (CTA) panels
Any other interactive elements that need to stay out of sight until needed

Gutenberg Off-Canvas Block

With Premium Blocks’ Gutenberg Off-Canvas Block, you can design seamless, modern layouts that improve user experience while keeping your page clean and distraction-free—all without spending a dime!

Enhanced Key Features – 100% Free & Highly Usable!

Customizable Triggers – Seamless & Interactive Navigation

Gutenberg Off-Canvas Block can be triggered using:

Buttons – Ideal for call-to-action elements (e.g., “Subscribe Now” or “Open Menu”).
Icons & SVGs – Perfect for sleek, modern navigation menus.
Images – Great for thumbnail-based content like galleries.
Lottie Animations – Add interactive animated elements to engage users.

Use Case Examples:

For eCommerce: Use an icon trigger to open a slide-in WooCommerce cart.
For Creative Portfolios: Add Lottie animation triggers to reveal hidden project details.
For Marketing: Use a button trigger to open an announcement panel without disrupting the page.

Built-in Close Icons for Easy Dismissal

Ensure visitors can exit the panel effortlessly with custom close icons featuring:

Multiple icon styles for a tailored design.
Adjustable size & positioning to match your layout.
ESC key support for fast keyboard navigation.
Click-to-close overlay for a smooth user experience.

Why This Matters?

Improves accessibility: Users can easily exit the panel on any device.
Enhances user flow: Keeps interactions intuitive and frustration-free.

Customizable Entrance & Slide Effects

Choose how your Off-Canvas panel appears:

Slide from Left/Right: Great for navigation menus & sidebars.
Slide from Top/Bottom: Ideal for notification bars & announcements.
Slide Effects: You have two option the default slide effect a clean, smooth slide-in, or push slide effect which moves existing content aside for a layered look.

Gutenberg Off Canvas Block – Customizable Entrance & Slide Effects

Best for:

News & Blogs: Use a top slide-in panel for breaking news updates.
Membership Sites: Make a bottom slide-up CTA for exclusive content access.

Content Flexibility

Unlike fixed sidebars, this block supports nested Gutenberg blocks, so you can insert:

Navigation menus: Create a fully functional off-canvas sidebar for streamlined site navigation.
Contact forms: Add Premium Contact Form Block to let users submit inquiries without leaving the page.
Image Galleries – Showcase high-quality visuals using the Premium Gallery Block inside the off-canvas panel.
Promotional Banners: Display special offers with engaging CTA buttons using Premium Buttons Block.

Why It’s Powerful?

Mobile-First Design: Works seamlessly across all screen sizes for a responsive user experience.
Fully Customizable: Style the Off-Canvas panel with background colors, borders, typography, and animations.

Get Started Today

Gutenberg Off-Canvas Block revolutionizes WordPress layouts by allowing you to create interactive, clutter-free designs while maintaining a minimal, user-friendly interface. Whether you’re adding a modern navigation panel, promotional sidebar, or sleek content section, this block makes implementation effortless.
Ready to try it? Gutenberg Off-Canvas Block is completely free and available in the latest version of Premium Blocks for Gutenberg. Check out the full documentation for step-by-step instructions.