DocsUtilitiesShimmer

Shimmer

A current-color text highlight with RTL support, ordinary-text fallback, and reduced-motion protection.

Example

Preparing your workspace…

Usage

The utility is visual only. Put live-region semantics on the host when the text communicates changing status.

ts
<p class="shimmer" role="status">Preparing your workspace…</p>

API

Combine shimmer with shimmer-once, shimmer-reverse, or shimmer-none.

Customise --shimmer-color, --shimmer-duration, --shimmer-spread, and --shimmer-angle. If colour mixing isn't supported, or the reader has reduced motion on, the text falls back to ordinary visible text.