Thinking Indicator

An animated indicator that shows an AI or background process is thinking.

Installation

pnpm dlx shadcn@latest add https://ui.saturation.io/r/thinking-indicator.json

import { ThinkingIndicator } from "@/components/ui/thinking-indicator"

<ThinkingIndicator />
<ThinkingIndicator text="Processing" />

Prop	Type	Default	Description
`text`	`string`	`"Thinking"`	The label shown next to the animated dots.
`className`	`string`	—	Additional CSS classes.

On This Page