> ## Documentation Index
> Fetch the complete documentation index at: https://smithers.sh/llms.txt
> Use this file to discover all available pages before exploring further.

# Shimmer and scroll fade

> Reduced-motion-safe live text shimmer and the CSS-only scroll-aware edge-fade utility.

`Shimmer` marks live status text without changing its content. Its root always
carries `sui-shimmer`; animation and gradient styling apply only while `active`.
Reduced-motion environments render muted text with no animation.

```tsx theme={"theme":{"light":"github-light","dark":"github-dark"}}
import { Shimmer } from "smithers-orchestrator/ui";

<Shimmer active={streaming}>Generating response</Shimmer>
```

`active` defaults to `true`; set it `false` to keep ordinary inherited text
styling.

The same `chatScrollerCss` block ships `.sui-scroll-fade`: apply it to a
scrollable element with `data-fade-top="true|false"` and
`data-fade-bottom="true|false"`. `MessageScroller` manages those attributes
automatically.