Shimmer
A text shimmer sweep, used for pending or thinking states.
$
Registry itembunx shadcn@latest add @nx-ui/ai-shimmerInstalls withutils
Default
A light sweep animates across the text to signal an in-progress state.
Thinking…
Longer copy
The sweep scales to the length of the string, so multi-word phrases read smoothly.
Searching the web and reading sources…
Speed and spread
Tune `duration` to change the sweep speed and `spread` to widen the highlight.
Fast sweep
Slow sweep
Wide highlight
API reference
Exported parts and their props, extracted from the component source.
| Prop | Type | Default | Description |
|---|---|---|---|
children* | string | — | — |
as | ElementType | — | — |
className | string | — | — |
duration | number | 2 | — |
spread | number | 2 | — |