Skeleton loaders
A block skeleton line loader:
Multiple skeleton loaders in a block:
Spinners
Some p text next to an inline-spinner:
Inline refresh icon button with rotation on hover or focus:
SVG animations
Squiggly line:
Bricks:
Dividers
Small divider with a subtle gradient animation:
Card hovers
Rainbow border card
This card's border will fill with a rainbow when the card is hovered or focused.
Rainbow gradient fill
This card's background will fill with a subtle rainbow gradient when the card is hovered or focused.
Hover detail card
This card's detail will rise from the bottom when the card is hovered or focused.
Grow on hover
This card will grow larger when the card is hovered or focused.
Text focus
The text inside this card will become more "in-focus" when this card is hovered or focused.
Big box shadow
A big box shadow will appear around this card when this card is hovered or focused.
Peeking rainbow background
This card has a subtle rainbow gradient at the top border which will expand on hover or focus.
Pattern background
This card has a subtle pattern in the background which will become more prominent on hover or focus.