Build hidden sidebars into your project for navigation, shopping carts, and more with a few classes and our JavaScript plugin.

Default

Link with href
Offcanvas
Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.

Placement

Offcanvas right
...
Offcanvas bottom
...
Offcanvas top
...

Backdrop

Colored with scrolling

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

Offcanvas with backdrop

.....

Backdroped with scrolling

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