Components

Claude Spinner

A reverse-engineered recreation of the Claude Code CLI's terminal spinner — animated glyph, status verb, elapsed time, and token counter.

Features

  • Reverse-engineered from the Claude Code CLI binary — same glyph cycle, verb list, and color blending.
  • Elapsed time and an auto-incrementing token counter, both overridable.
  • Blends toward amber the longer a turn runs, and toward red when stalled.
  • Respects prefers-reduced-motion, with a reducedMotion prop to force it either way.

Installation

pnpm dlx shadcn@latest add @sans/claude-spinner

Usage

import { ClaudeSpinner } from "@/components/ui/claude-spinner"
<ClaudeSpinner />

API reference

ClaudeSpinner

Prop

Type

References

Was this helpful?