SmoothUI

Spinner

Last updated: October 14, 2026

Indeterminate loading indicator with Motion spin and reduced-motion support.

Installation

npx smoothui-cli add spinner

Features

  • Sizes: sm, md, lg
  • role="status" with default aria-label="Loading"
  • Honors prefers-reduced-motion
  • SmoothUI-owned

States

Features

Three sizes side by side.

Labeled

Spinner next to visible status copy.

Accessibility

ARIA Attributes

AttributeElementPurpose
role="status"RootLive loading status
aria-labelRootAccessible name when no visible text

Reduced Motion

Rotation stops when reduced motion is preferred.

Props

SmoothUI

Animated React components with smooth Motion animations. Drop-in shadcn/ui compatible.

© 2026 SmoothUI. Built by Eduardo Calvo.