MaxiBlocks Builder | 17,000+ Design Assets, Patterns, Icons & Starter Sites vs OffCanvas / Drawer – add sleek slide-in panels to any page

Build professional WordPress sites faster with MaxiBlocks. All features free forever. No locked blocks. Optional Cloud Library saves you time. The Challenge As a WordPress creator, you might be facing: Frustration with complex, time-consuming design tools Page builders that lock essential features behind paywalls Difficulty finding and customising suitable templates Pressure to create unique, professional-looking websites efficiently No one wants to produce generic-looking websites or pay monthly fees just to access basic functionality. The Complete MaxiBlocks Ecosystem 🎈 MaxiBlocks is a complete website building solution with three components that work together: MaxiBlocks Builder (Free) The core plugin with everything unlocked from day one. 19 powerful foundation blocks Visual style controls Advanced design tools Dynamic content Animations and scroll effects Custom CSS No feature restrictions MaxiBlocks Go Theme (Free) Our Full Site Editing theme, available on WordPress.org. Complete site editing Responsive templates Performance optimised Works with any starter site MaxiBlocks Cloud Library (Free + Paid) A design library to speed up your workflow. 2,180+ block patterns 231 page templates 379 theme templates 14,417 SVG icons and shapes 100 style cards 11 starter sites 17,342 total assets The Builder and Go Theme are free and open source forever. The Cloud Library offers both free and premium designs to save you time. 11 Starter Sites — Live in Minutes Complete websites ready to install with one click: Interior Design Acupuncture Coffee Shop Cafe Business SaaS Invest Conference Architecture Co-working Hair Dresser Each starter site includes homepage, about, services, contact, blog templates, archive pages, search results, and 404 pages. Install one and start customising immediately. Browse starter sites Get Started in Three Steps Install the MaxiBlocks Builder plugin and Go Theme Choose a starter site or browse patterns from the Cloud Library Customise with style cards and launch your site Design websites that stand out. Save time doing it. Key Features Powerful Blocks Build anything with 19 flexible, customisable foundation blocks. No complexity, no limits. Instant Designs Choose from 2,180+ patterns to create pages in seconds. Drag, drop and personalise. Massive Icon Library Enhance your design with 14,417 built-in SVG icons and shapes. No extra plugins needed. No-Code Editing See changes instantly with a visual editor. Experiment freely, never touch code. One-Click Styles Transform your entire site with style cards. Instantly swap between 100 professional designs. Design Tools Use background layers, image masks and scroll effects. Achieve bold visuals without extra software. Dynamic Content Display custom fields and real-time updates. Create dynamic, interactive pages. Full Site Editing Go beyond pages with the MaxiBlocks Go Theme. Edit headers, footers and templates visually. Lightning Fast Clean, optimised code. No domain limits. Zero hidden fees. Freedom on every site. Who It’s For MaxiBlocks works for: WordPress developers seeking efficient design tools Designers transitioning from other page builders Beginners looking to create professional sites without coding Agencies and freelancers delivering client projects Anyone moving from Elementor, Divi or other builders to Gutenberg What’s Free vs What Requires a Cloud Account Always Free (Open Source): MaxiBlocks Builder plugin (19 foundation blocks) MaxiBlocks Go Theme (Full Site Editing) 542 free patterns and 17 pages Free starter sites 14,417 icons and shapes 100 style cards All features unlocked (animations, dynamic content, custom CSS) Unlimited websites No restrictions Optional Cloud Library: 2,180+ patterns 231 complete pages Premium starter sites Regular new designs Priority support The Cloud Library saves you 10+ hours per project. You can build the same sites with free tools. Cloud just makes it faster. Success Stories Here’s what creators are saying: “MaxiBlocks is one of the best WordPress plugins I’ve found, and I’m in love with this tool.” – Muhammad Ali Iqbal “I know this category of plugins very well — I have probably tested all Gutenberg add-ons available on the market and I must admit that MaxiBlocks is really top shelf and top league!” – Peter “It’s great to see that a lot of the new designs come from special requests from MaxiBlocks users and the developers listen to their user base!” – MeditatingSurgeon “Easy, clean, and responsive designs with great support. They’re always adding new designs on top of what they already offer.” – Verdant “After some more time poking around I see a lot of potential in your product. It has the ability to be the Elementor in Gutenberg field.” – Kazi Mahbub Read more stories Ready to build? Install MaxiBlocks for free and start creating today. Not sure yet? Explore the demo library to see MaxiBlocks in action, or browse starter sites for complete website examples. Resources & Support Learn and master MaxiBlocks: Documentation – Step-by-step guides and troubleshooting Video Tutorials – From basics to advanced techniques Support Forum – Get help from our team Changelog – Latest improvements Join Our Community MaxiBlocks is more than a plugin—it’s a growing community of creators: Twitter – Follow for updates and tips Discord – Connect with other users GitHub – Contribute to our open-source project Share your creations with #maxiblocks or #madewithmaxi “We’re on a mission to make website creation faster, easier, and more enjoyable. Can’t wait to see what you’ll create!” – Kyra, Design Lead & Co-founder

OffCanvas | Pricing | Support | Demo Create high-converting popups, slide-in panels, and responsive navigation drawers inside the WordPress block editor (Gutenberg) with ease. OffCanvas / Drawer is a lightweight, performance-optimized WordPress popup plugin and Gutenberg popup builder. It allows you to design custom OffCanvas menus, drawer menus, side panels, and interactive popups that slide in or fade in from any viewport direction: left, right, top, or bottom. Whether you need a sleek mobile menu, a WooCommerce cart drawer, an exit intent popup to recover abandoned carts, custom slide-out contact forms, site announcements, or an interactive help desk—this plugin does it all without requiring you to write a single line of code. Built Natively for Gutenberg (Block Editor) Designed specifically for the block editor, it supports full InnerBlocks integration. You can drop any Gutenberg block (paragraphs, images, headings, contact forms, navigation blocks, or custom widgets) directly inside the slide-in panel. It also features a built-in shortcode generator, allowing you to save layouts as templates and embed them anywhere on your website using a simple shortcode. Smart Behavior, Triggers & Targeting Go beyond basic popups. Trigger drawers based on visitor actions like scroll depth, time delay, user inactivity, element visibility, or exit intent. With advanced targeting rules, you can display or hide popups on specific pages, target specific user roles, and schedule marketing campaigns with timezone-aware start and end dates. Dedicated Analytics Dashboard Track how your floating popups and slide menus perform. The built-in Analytics dashboard measures impressions, conversions, and conversion rates, giving you the insights you need to optimize your layout and strategy. Silky-Smooth Animations & Device Optimization Provide a premium user experience with responsive positioning (e.g., a slide-in side panel on desktop, and a mobile bottom sheet on phones), touch/swipe gesture controls, and independent opening and closing transition effects. Add a modern backdrop blur filter to keep your content in focus. The plugin is fully responsive, SEO-friendly, exceptionally lightweight, and built to integrate seamlessly with any WordPress theme. Key Features Native Gutenberg Block: Design your slide-in panels visually inside the WordPress Block Editor with live preview. InnerBlocks Integration: Place any block inside the drawer, including forms, navigation, WooCommerce blocks, and custom shortcodes. Shortcode Generator: Save and reuse OffCanvas designs globally using a clean shortcode manager. Advanced Smart Triggers: Open panels automatically based on exit-intent, scroll depth, time delay, element visibility, or user inactivity. Advanced Targeting & Scheduling: Show or hide popups on specific pages, target user roles, and schedule campaigns with timezone support. Built-in Analytics: Monitor impressions, conversions, and conversion rates with a dedicated, beautiful dashboard. Independent Close Animations: Customize exit transition animation types, easing, and duration separate from opening transitions. Responsive Layouts & Mobile Gestures: Set device-specific positions (e.g., mobile bottom sheets) and support smooth touch swipe gestures. Floating Action Button (FAB): Custom trigger buttons that anchor to screen corners with drag-and-drop builder positioning. Aesthetic Backdrop Filters: Style the background overlay with custom colors, opacity levels, and modern backdrop blur effects. Free Features Layout & Positioning Four-Direction Placements: Set the slide-in drawer to slide from the Left, Right, Top, or Bottom edge of the screen. Default Trigger Button: Toggle the drawer panel open or closed with a customizable inline button. Body Scroll Lock: Prevent background body scrolling when the OffCanvas panel is active to improve readability. Standard Backdrop Overlay: Enable a dark overlay backdrop behind the active panel to draw focus to content. Trigger Button Customization Block Alignment: Align the trigger button to the Left, Center, or Right within your page layout. Typography Controls: Adjust the font size, font family, and font weight of the button text. Color Customization: Full control over trigger button text and background colors (normal and hover states). Ripple Click Effect: Add an optional modern material ripple animation on click. Margin Controls: Fine-tune trigger button outer margins for perfect page alignment. Close Button Customization Flexible Styling: Pick custom colors and backgrounds for the close icon to fit your branding. Size & Shadow: Adjust the close button scale (in pixels) and box shadow. Predefined Placements: Anchor the close button to the Top-Right, Top-Left, Bottom-Right, or Bottom-Left corners. Header & Typography Styling Editable Drawer Header: Customize the text of the header title to greet or direct visitors. Title Styling: Control header typography (font size, font weight) and text colors. Header Spacing & Background: Customize header background color, padding, and visibility options. Templates & Shortcode Generator Dedicated Shortcode Builder: Create drawers, save them as global templates, and copy the shortcode [offcanvas-block id="..."] from the dashboard list. InnerBlocks Compatibility: Drop native Gutenberg blocks, WooCommerce widgets, or contact forms into the drawer content. Pro Features Upgrade to OffCanvas Pro to unlock advanced targeting, styling, and behavior controls to build professional marketing campaigns: Analytics & Performance Tracking Dedicated Analytics Dashboard: Monitor impressions, conversions, and conversion rates directly in WordPress. Impression Tracking: Keep track of how many times each slide-in panel or popup is viewed. Conversion Rate Measurement: Understand which drawers convert the best with automatic calculation of conversion rates. Advanced Targeting & Scheduling Page-Level Targeting: Show or hide popups on specific pages, posts, or custom post types. User Role Targeting: Display targeted drawers only to logged-in users, administrators, authors, editors, customers, or guests. Campaign Scheduling: Schedule campaign popups to automatically start and end at specific dates and times. Timezone Support: Set schedules based on your WordPress site’s timezone or UTC for accurate global campaigns. Smart Auto Triggers Exit Intent Detection: Trigger the slide-in drawer automatically when the user’s cursor moves to leave the viewport on desktop. After Time Delay: Open the panel automatically after a configurable delay (in seconds or minutes). Scroll Depth Trigger: Open the panel when a visitor scrolls down a specific percentage (e.g., 50%) of your page. Target Section in View: Open the drawer automatically when a specific CSS selector (Class or ID) scrolls into the viewport. On Inactivity: Display the popup after a period of user inactivity to re-engage visitors. Trigger Frequency Controls: Limit popup visibility (Always, Once per session, Once per day) using sessionStorage and localStorage to prevent visitor fatigue. Floating Action Button (FAB) Trigger Corner Anchor Placements: Place the trigger as a Floating Action Button in the Bottom-Right, Bottom-Left, Top-Right, or Top-Left corners. Custom Absolute Positioning: Position the FAB anywhere on the screen with drag-and-drop editor control. Features a smart 8px Euclidean threshold to prevent accidental shifts. Offset & Layout Controls: Adjust X and Y offset values to ensure perfect alignments with other screen elements. Visual Effects: Set button size, icon size, border radius, pulse animations, custom shadows, and hover transitions. Rotation Angle: Rotate the FAB to match vertical triggers or layout designs. Animations & Transition Controls Premium Transition Types: Slide, Fade, Push, Reveal, Zoom, Flip, and Bounce effects. Push: Displaces the page by the panel’s own size while the panel travels in alongside it, so the page and panel move together. Configurable Opening Transitions: Set entry duration times in milliseconds (100ms – 5000ms) and select easing presets (ease, ease-in, ease-out, ease-in-out, linear). Independent Close Animations: Customize exit transitions with a separate exit animation type, duration, and easing, or choose to reuse the opening animation. Mobile & Touch Optimizations Mobile-Specific Placement: Override the panel position specifically for mobile devices (e.g., Slide-in Right on desktop, Bottom Sheet on mobile). Mobile Slide Direction: Customize slide-in directions specifically for mobile visitors. Touch & Swipe Gestures: Smooth, native-feeling swipe-to-open and swipe-to-close controls on touch devices. Premium Design & Backdrop Blur Responsive Dimensions: Customize the panel width and height independently for Desktop, Tablet, and Mobile screens. Layered Backdrop Material: A saturated blur pane, your own tint colour, and a soft depth wash that clears toward the panel — depth and focus rather than a flat dark overlay, with custom overlay colours, opacity and blur (0px – 30px). Custom Close Button Icon: Upload or input any custom SVG string to replace the default close button icon. Borders & Hover Shadows: Add custom borders, border radius, and hover state box-shadows on trigger buttons. External Custom Trigger Custom Selectors: Bind the OffCanvas drawer to any custom link, menu item, or button by inputting its Class or ID (e.g., .my-custom-button or #open-drawer-link). Hide Default Trigger: Keep the built-in trigger button hidden when using custom CSS selectors to trigger the panel.