General UI
Badges
Default
Primary Success Info Warning Danger Dark
Soft Badge
Primary Success Info Warning Danger Dark
Pill badges
Primary Success Info Warning Danger Dark
Soft Badge
Primary Success Info Warning Danger Dark
Badge with dot
default
Primary Success Info Warning Danger Dark
Rounded Badge
Primary Success Info Warning Danger Dark
Rounded badges with size
Badges with dot
Small Large Small Large Small Large Small Large
Badge with remove button
Small Large Small Large Small Large Small Large
Badges in Buttons
Badges Position Examples
Popovers
Tooltips
Pagination Default
Disabled and active states
Pagination Sizing

Pagination links indicate a series of related content exists across multiple pages.

Alignment

Pagination links indicate a series of related content exists across multiple pages.

Border Spinner

Use the following element with the animate-spin animation class to show a loading animation: Change the colors of the spinner element using the fill and color utility classes.

Border Pulse

Use the following element with the animate-spin animation class to show a loading animation: Change the colors of the spinner element using the fill and color utility classes.

Border Bounce

Use any text color utilities to add a color to Bounce spinner.

Animation example

Use any text color utilities to add a color to animation example.

Settings
Choose Layouts
Vertical
Horizontal
Layouts Mode
Sidebar Color
Sidebar Size
Topbar Color
Direction