# Streaming Text — Skecher UI

A soft word-by-word text reveal for hero copy, onboarding moments, empty states, and editorial interfaces that need a polished animated entrance.

## Install

```bash
bunx --bun shadcn@latest add CoDesign-Spa27/skecher-ui/streaming-text
```

## Dependencies

- motion

## Implementation guidance

- No additional implementation constraints are documented.

## Usage

```tsx
import { BlurredText } from "@/components/ui/streaming-text";

export default function StreamingTextExample() {
  return (
    <BlurredText
      as="h2"
      text="Build interfaces that feel as good as they look."
      className="max-w-3xl text-4xl font-semibold tracking-tight"
      wordClassName="mr-[0.25em]"
      staggerChildren={0.05}
      delayChildren={0.1}
      duration={0.3}
    />
  );
}
```

## Source files

- components/ui-components/streaming-text.tsx — Animated text component

## Canonical resources

- Documentation: https://skecher-ui.com/docs/streaming-text
- Registry item with complete source: https://skecher-ui.com/r/streaming-text.json
- Component AI context: https://skecher-ui.com/llms/streaming-text