Basic Modal

Toggle a modal via JavaScript by clicking the button above. You can use modal to add dialogs to your site for lightboxes, user notifications, or completely custom content.

BorderLess Modal

Toggle a Boderless via JavaScript by clicking the button above. Use .modal-borderless with .modalfor BorderLess modal.

Vertically Centered

Add .modal-dialog-centered to .modal-dialog to vertically center the modal.

Disabled Backdrop

You can disable the backdrop by using data-backdrop="false"

Modal with Login Form

Created Simple Login Form.

Scrolling long Content

If your content is longer you the page will autmatically adopt a scrollbar

Scrolling long Content Inside Modal

You can also create a scrollable modal that allows scroll the modal body by adding .modal-dialog-scrollable to .modal-dialog.

Disabled Animation

For modals that simply appear rather than fade in to view, remove the .fade class from your modal markup.

Theme Customizer

Customize & Preview in Real Time
Theme Layout

Menu Colors

Collapse Menu

Navbar Colors
Note : This option with work only on sticky navbar when you scroll page.
Navbar Type

Footer Type

Card Shadow

Hide Scroll To Top
Buy Now
today

How can we help? 😄

7:45 AM

Hey John, I am looking for the best admin template.

Could you please help me to find it out? 🤔

7:50 AM

Stack admin is the responsive bootstrap 4 admin template.

8:01 AM