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

Reference
Live demo
Offcanvas
Content for the offcanvas goes here. You can place just about any Bootstrap component or custom elements here.
Link with href
Offcanvas
$746.5k +20.6

Past 30 days

CustomerPlanMRP
Logicoma
Team-$72
UAC
Team$199
Biffco
Team-$72
Matsumura
Team-$72
Biffco
Team-$72
Logicoma
Team-$72
UAC
Team$199
Biffco
Team-$72
Matsumura
Team-$72
Biffco
Team-$72
Placement
Offcanvas top
Some Title

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

Offcanvas right
$746.5k +20.6

Past 30 days

CustomerPlanMRP
Logicoma
Team-$72
UAC
Team$199
Biffco
Team-$72
Matsumura
Team-$72
Biffco
Team-$72
Logicoma
Team-$72
UAC
Team$199
Biffco
Team-$72
Matsumura
Team-$72
Biffco
Team-$72
Offcanvas bottom
Some Title

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

Backdrop
Colored with scrolling

Main Title

Some Title

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

Some Title

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

Some Title

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

Offcanvas with backdrop

Main Title

Some Title

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

Some Title

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

Some Title

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

Backdroped with scrolling

Main Title

Some Title

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

Some Title

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

Some Title

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

Settings
Theme Mode

Light / Dark / System

  • Sidebar Caption

    Show / Hide

  • Theme Layout

    LTR/RTL

  • Layout Width

    Full / Fixed

  • Custom Theme

    Choose your primary theme color

  • Header Theme

    Choose your Header theme color

  • Navbar Theme

    Choose your Navbar theme color

  • Logo Theme

    Choose your Logo theme color

  • Navbar Caption Color

    Choose your Navbar Caption Color

  • Navbar Image

    Choose your Navbar Background Image

  • Dropdown Menu Icon

    Choose your Dropdown Menu Icon

  • Dropdown Menu Link Icon

    Choose your Dropdown Menu Link Icon