Components
Shimmering status text for streaming agents. Tune duration, spread, and delay; renders any element via the as prop. From 21st.dev Agent Elements.
npx shadcn@latest add https://21st.dev/r/21stdev/text-shimmerLoading preview...
import { TextShimmer } from "@/components/ui/text-shimmer";
export default function Demo() {
return (
<div className="flex h-full w-full items-center justify-center p-8">
<TextShimmer as="span" duration={2.2} spread={140} delay={0.6}>
Calculating risk score
</TextShimmer>
</div>
);
}