Spinner

An animated loading indicator.

npx shadcn@latest add spinner

Default

Sizes

12 / 16 / 24 / 32px, sized with token utilities.

12px
16px
24px
32px

Colors

Red, green, blue and yellow — matched to the Figma color set.

Red
Green
Blue
Yellow

In buttons

Loading state inside default, secondary and outline buttons.