Shimmering status text for streaming agents. Tune duration, spread, and delay; renders any element via the as prop. From 21st.dev Agent Elements.
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> ); }
Part of Agent Elements — browse the full library on 21st.dev.