Offcanvas Panels

Elite Offcanvas Panels

High-performance sliding panels for modern UI

PRO UI KIT

Experience Elite Sliding Panels

Our offcanvas components utilize backdrop-filter and custom easing for a truly premium feel. Perfect for navigation, settings, and immersive user flows.

Backdrop & Scrolling

Configure how the page behaves when an offcanvas is active. You can enable background scrolling while the panel is open.

Responsive Variants

Responsive offcanvas classes allow you to hide content on larger viewports while keeping it accessible on smaller ones.

Use .offcanvas-{breakpoint} classes to control when the content becomes a sliding panel.

This panel is perfect for sidebar navigation or user profiles. Notice the rounded edge on the right side.

Dashboard Accounts Settings

Need Assistance?

Detailed settings or secondary information fits beautifully here without distracting from the main workflow.

Gallery

Documents

Shortcuts

Immersive Dark Mode

Utilizing deep navy glassmorphism for a truly professional feel.

Try scrolling the rest of the page to see this option in action.

This is the default behavior. A semi-transparent backdrop appears behind the panel.

You can scroll the page AND have a backdrop. Best of both worlds?

This is content within an .offcanvas-lg. It's hidden as an offcanvas on large viewports (≥992px) and becomes visible as standard content, but behaves like an offcanvas on smaller screens.

Interface Architect

Global Theme

Sidebar Style

Menu Dropdown Icon