The number one tool for creating Offcanvas menus in Blocs.
Are you looking to create an eye-catching and stunning sidebar or mega menus? Look no further than Offcanvas Helper! This helpful tool seamlessly brings together brics and blocs, giving you full access to the Blocs' design canvas and features. Let your creativity run wild and see just how amazing your designs can be!
Offcanvas Helper is a must-have tool that caters to all skill levels. To ensure you get the most out of this powerful resource, we've put together a series of tutorials that are perfect for getting started or taking your skills to the next level. The best part? These tutorials are completely free and will teach you valuable skills that can be applied to other areas of website building. Join us on this exciting journey of website design and take your creations to the next level with the Offcanvas Helper!
Fantastic Options!
the following setup is how we have built the offcanvas menu on this website!
-
Native Bootstrap 5
Offcanvas is a native Bootstrap 5 feature, and we've ensured that all background processes are handled using pure JavaScript. With no need for additional dependencies such as jQuery, you can be assured of quick performance and minimal overheads for your project.
-
Smart Actions
Offcanvas Helper is designed to intelligently perform various actions when opening or closing your offcanvas. You have the option to collapse all dropdown menu items, reset forms, and return menu sections to their default state. Certain smart actions are executed every time, such as closing open modals and deactivating Any Video popups when the Offcanvas is opened. These thoughtful details work together to enhance the user experience and make your website more enjoyable to use for both you and your visitors.
-
Expandable
At the core of Offcanvas Helper is expandability. We've designed it with the ability to integrate additional Brics, which can enhance its functionality and introduce new features such as menu effects and toggles. We're excited to announce that later this year, we plan to introduce more Brics that will further expand the capabilities of Offcanvas Helper.
What you get!
-
Offcanvas Helper Bric
-
Offcanvas Starter Bloc - Barebones
-
Offcanvas Starter Bloc - Basic with Social Footer
Requirements
-
Blocs 4 / 5
-
Bootstrap 5
Native Bootstrap
Bootstrap 5 Offcanvas is a powerful feature of the Bootstrap 5 framework that enables you to create hidden sidebars or content panels that slide into view when triggered. Offcanvas provides a convenient way to display additional content, such as menus, filters, or shopping carts, without taking up valuable screen real estate.
Canvas Friendly
Offcanvas Helper includes a range of starter blocs that give you full access to the design features of Blocs App, These starter blocs make it easy to create stylish and functional Offcanvas menus as you can take advantage of all the advanced design features of Blocs App, without any of the hassle of dealing with complex code.
Behaviours
Control the layout and behaviour of your Offcanvas speed, stickynav offset, max width and even hide the Offcanvas toggle button on activation, you decide!
Backdrop
Full control of the Offcanvas Backdrop, from choosing colours, opacity and blur intensity effects.
Smart Actions
These actions are executed when the Offcanvas is opened or closed. Smart Actions are designed to streamline the user experience and make it more seamless and intuitive. You can choose to collapse dropdown items and reset the content in forms, providing your users with a cleaner and more organized experience.
ARIA
Accessible Rich Internet Applications (ARIA) are an essential tool for improving web accessibility for people with disabilities. With Offcanvas Helper, you don't have to worry about applying these attributes manually - our tool automatically applies the necessary ARIA roles and attributes to ensure that your content is accessible to everyone. By making use of ARIA, we're working to create a more inclusive web experience that benefits all users, regardless of their abilities.