Visual Feedback

User Cues

Display loading states, progress indicators, carousels, and other UI elements that inform users of ongoing processes.

Progress Variations

Examples

Height

Multiple Bars

Animated Stripes

Labels

25%

Long label text for the progress bar, set to a dark color

Backgrounds

Striped

Steps

Spinners Variations

Border Spinner

Colors

Alignment

Loading...

Buttons Spinner

Growing Spinner

Color Growing Spinner

Size

Carousel Variations

Slides Only

With Controls

With Indicators

With Captions

Crossfade

Individual Interval

Dark Variant

First slide label

Some representative placeholder content for the first slide.

Second slide label

Some representative placeholder content for the second slide.

Third slide label

Some representative placeholder content for the third slide.

Placeholders Variations

Examples

Card Title

Some quick example text to build on the card title and make up the bulk of the card's content.

Workspace Tools

Team Operations

Account Settings

Notifications

Maxine Kennedy

Admin Head

Visual Feedback

Progress Variations

Examples

Height

Multiple Bars

Animated Stripes

Labels

Backgrounds

Striped

Steps

Spinners Variations

Border Spinner

Colors

Alignment

Buttons Spinner

Growing Spinner

Color Growing Spinner

Size

Carousel Variations

Slides Only

With Controls

With Indicators

With Captions

First slide label

Second slide label

Third slide label

Crossfade

Individual Interval

Dark Variant

First slide label

Second slide label

Third slide label

Placeholders Variations

Examples

Card Title

Color

Width

Sizing

How it works

Animation

Admin Customizer

Color Scheme

Light

Dark

Topbar Color

Light

Dark

Sidenav Color

Light

Dark

Sidebar Size

Default

Collapse

Layout Position

Sidebar User Info