/
1.1k
Sponsor

Spinner

Animated spinner with 12+ styles

Terminal

Installation

$ pnpm dlx shadcn@latest add @termcn/ink/spinner

Usage

import { Spinner } from "@/components/ui/spinner";
<Spinner type="dots" label="Loading components" />

Examples

Spinner Styles

Multiple built-in animation styles.

Terminal

API Reference

Spinner

PropTypeDefault
typeSpinnerName from cli-spinners"dots"
labelstring-
colorstring-
fpsnumber — used only with custom frames12
framesstring[]-

Notes

Accessibility

termcn exposes the following behavior through Ink's terminal accessibility APIs. This is not a browser ARIA or general WCAG-conformance claim.

  • Screen reader: Ink labels and semantic state expose the component without relying on visual styling alone.