Agents
Text Shimmer
A light sweeping through muted text: the "working" status.
Text Shimmer sweeps a light through muted text, the status line for anything an agent is doing right now. CSS-only, and it rests as plain muted text for reduced motion.
Preview
Searching the docs…Generating a migration plan
Installation
pnpm dlx shadcn@latest add https://ui.cuelark.com/r/text-shimmer.jsonThe CLI also installs the Cuelark theme tokens. With the @cuelark namespace configured, use @cuelark/text-shimmer.
Usage
import { TextShimmer } from "@/components/ui/text-shimmer";
<TextShimmer>Searching…</TextShimmer>API reference
TextShimmer
| Prop | Type | Default | Description |
|---|---|---|---|
| duration | number | 1.6 | Seconds per sweep. |
Accessibility
- Fully keyboard operable with visible focus.
- Live regions announce streaming updates politely.
FAQ
Also searched as: text shimmer effect · loading text animation · ai thinking text · shimmer text css · shiny loading text