Basic UI-active

Build hidden sidebars into your project for navigation

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

Customer Plan MRP
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

Customer Plan MRP
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.

Theme Customizer

Personalize your experience

Theme Mode

Quick switch between themes

Sidebar Configuration

Customize your sidebar appearance

Choose between light and dark sidebar
Show or hide navigation icons
Show or hide navigation captions
Left-to-right or right-to-left layout
Container width configuration
Theme Colors

Customize your color scheme

Choose your main brand color
Customize header background color
Customize navigation bar colors
Brand logo area customization
Navigation caption text colors
Advanced Settings

Fine-tune interface details

Choose icons for expandable menus
Icons for menu link items