Components / Shimmer
Shimmer
Text that represents live, streaming, or thinking work: a "Thinking" line in chat, a status label while an agent runs. The sweep says "in motion" without a spinner.
@import 'shadcn/tailwind.css' /* the shimmer @utility ships with shadcn@4.13; every consumer stylesheet already imports it */
Rendered stock
House rules
- Shimmer is a CSS utility class, not a component: put the shimmer class on the text element itself.
- The standard shadcn utility is the ONE shimmer; bespoke shimmer implementations were deleted and must not return.
- Shimmer marks in-flight text only; settled copy never shimmers.