1. Home
  2. Base UI
  3. Offcanvas
New Tasks 5
Admin Panel Admin Panels Admin Dashboards Admin Themes Google Admin
Orders
AM
Amina Malik

Ordered an iPhone 15 Pro.

2 mins ago

SR
Sophia Rivera

Purchased a MacBook Air.

6 mins ago

EK
Emma Keller

Bought a Galaxy Tab S9.

9 mins ago

ML
Mei Lin

Ordered an iPad Air.

14 mins ago

OL
Olivia Lopez

Purchased an Apple Watch Ultra.

18 mins ago

View all
Notifications
Admin Themes
Rachelle Vincent

You have a new meeting request for tomorrow at 10 AM. Please confirm your availability.

Today, 07:30pm

Admin Theme
Beth Chang

You have 3 new messages in your inbox. Please check them at your earliest convenience.

Today, 08:00pm

Admin Theme
Tyrone Rich

Added $5000 into account.

Today, 09:30pm

Admin Notification
Samuel Green

Your password was changed successfully. If this wasn't you, please contact support immediately.

Today, 10:15pm

View all
Glossy Admin Dashboard
Mei Ling
mei.ling@email.com
Credits: 760 / 1000
Settings CRM Inbox
Logout
Link with href
Offcanvas
Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.
Offcanvas
Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.
Offcanvas with body scrolling

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

Backdrop with scrolling

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

Offcanvas
I will not close if you click outside of me.
Offcanvas top
...
Offcanvas right
...
Offcanvas bottom
...
Offcanvas
Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.
© Bootstrap Gallery 2025