Reveals an assistant reply word by word with a blinking cursor. Supports bold, inline code and line breaks. The server render shows the full text.
relay deploy --undo if that changes.npx shadcn@latest add https://hyperblur.dev/r/streaming-text.jsonWorks in any React project set up with the shadcn CLI. The file lands in components/hyperblur/streaming-text.tsx.
import { StreamingText } from "@/components/hyperblur/streaming-text"
<StreamingText text="Deploy **482** is live. Run `relay logs` to follow it." />| Prop | Type | Default | Description |
|---|---|---|---|
| text | string | "" | Text to reveal. Supports **bold**, `inline code` and newlines. |
| speed | number | 24 | Milliseconds per step. |
| chunk | number | 0 | Characters revealed per step. 0 reveals one word per step. |
| start | boolean | true | Begin streaming. While false the text stays empty after mount. |
| color | string | "#2f7bff" | Cursor color. |
| cursor | boolean | true | Show the blinking cursor while streaming. |
| onDone | () => void | Called once the last step is revealed. |