Response Stream

Render complete responses at a chosen pace, while asynchronously arriving AI chunks appear immediately as the model yields them.

Installation

Copy the command below and run it in your terminal.

bunx @sivir-ui/svelte add response-stream

Pass the async iterable returned by your model. A caret marks the wait before the first chunk; later chunks render as soon as they arrive.

import { ResponseStream } from '@sivir-ui/svelte/components/response-stream';

<ResponseStream textStream={modelResponse} />

For a complete string, use speed from 1 (slowest) to 100 (fastest) to control the reveal pace.

<ResponseStream textStream="Draft saved." speed={70} />

ResponseStream - Renders a streamed text response and a caret while waiting for the first chunk.