Panely

Basic

Spinners can be used to show the loading state in your projects. You can customize the color with text color utilities

Border spinner

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

Growing spinner

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

Sizing

Add .spinner-border-sm and .spinner-grow-sm to make a smaller spinner or, use custom CSS or inline styles to change the dimensions as needed.

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

Buttons

Use spinners within buttons to indicate an action is currently processing or taking place

May 14, 2020

Upcoming events

12:00

Donec laoreet fringilla justo a pellentesque

13:20

Nunc quis massa nec enim

14:00

Praesent sit amet

Settings

Performance

CPU Load
60%
CPU Temparature
42°
RAM Usage
6,532 MB

Customer care

Reports

Projects

Dashboard

Dashboard 1

Dashboard 2

Dashboard 3

Dashboard 4

Dashboard 5

Dashboard 6

Dashboard 7

Dashboard 8

Email

Criptocurrency

Chatting

Navigation