Border Spinners

Use class .spinner-border for a lightweight loading indicator.

Loading...

Colored Spinners

For customizing spinner with different colored options, use .text-{colorName} along with .spinner-border.

Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...

Growing Spinner

Use class .spinner-grow for a growing spinner.

Loading...

Colored Growing Spinners

For colored growing spinner, use .text-{color} along with .spinner-grow.

Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...

Flex

Use Flexbox utilities to place spinners. Use .d-flex and .align-items-{side}

Loading...

Float

You can also use .float-{left | right} to place your spinner left or right side.

Loading...

Text Alignment

You can also use .text-{side} as a wrapper class of .spinner-borderfor the spinner's placement.

Loading...

Sizes

Use .spinner-border-{sm/lg} and .spinner-grow-{sm/lg} for Small or Large spinner.

Loading...
Loading...
Loading...
Loading...
Loading...
Loading...

Buttons

Use .spinner-border or .spinner-grow inside buttons to indicate an action is currently processing or taking place.

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