Foundation component · Feedback

Shimmer Text

A restrained progress treatment that preserves one readable text node.

Live playground

Preparing response…

Use for brief in-place progress labels, not as a replacement for a loading region.
Set active=false when the work reaches a terminal state.

The animation only runs when reduced motion is not requested.
The component adds no live region; announce workflow changes at the owning region.

The rendered text remains a single accessible node in active and idle states.

import { ShimmerText } from "@lenso/ui/shimmer-text";

<ShimmerText active={isRunning}>Preparing response…</ShimmerText>;