Duck Thinking
The wake without the duck going anywhere: the mark paddles in place while two rings spread out.
FeedbackServer safe
Preview
Thinking
Reading the registry
Working
Installation
The CLI writes the source into your project and pulls in whatever it depends on.
$
pnpm dlx shadcn@latest add @duck/duck-thinkingPulls in @duck/theme, @duck/duck-mark. Already installed items are skipped.
Usage
import { DuckThinking } from "@/components/ui/duck-thinking"The file lands in components/ui/duck-thinking.tsx and belongs to you from that point on. Edit it in place rather than wrapping it.
Props
Everything not listed here is forwarded to the underlying element.
| Prop | Type | Default | Description |
|---|---|---|---|
| label | string | Thinking | Announced politely, and shown unless showLabel is false. |
| showLabel | boolean | true | Hide the text and keep it for screen readers only — for use inside a bubble. |
Rules
What keeps this component from turning into noise.
- Say what is happening, not that something is. "Reading the registry" beats "Loading".
- The ripples are this view's idle animation while it is on screen.