Streaming Response

The smoothest cup of the morning starts with beans roasted just last

About this piece

Streaming Response

Partial assistant reply bubble with a blinking block cursor on the trailing character.

Usage

The import and the props worth knowing about, in one place.

import { Ai2 } from "@/components/beste/piece/ai2";

<Ai2
  text="The smoothest cup of the morning starts with beans roasted just last"
/>

More AI pieces

View all AI

Summarize this week's support tickets in two lines.

beste-1Thinking

Streaming Reply

Chat exchange that thinks with bouncing dots, streams the answer character by character behind a blinking caret, then rests and plays again.

Typing Indicator

Chat bubble with three bouncing dots signaling that the assistant is composing a reply.

Name three quick wins for our onboarding.

beste-10 tokens9 tok/s

Token Stream

Reply that arrives as word chips popping in one at a time while the footer counts tokens and updates a tokens-per-second figure, then holds and streams again.

What's the capital of Japan?
Tokyo. It's been the capital since 1868, after Kyoto held the title for over a thousand years.

Chat Exchange

Paired bubbles: a primary-tinted user message above an assistant reply fronted by a gradient sparkle avatar.

stream142 tok/s
The quick brown fox jumps over

Token Stream

Live token visualizer with tone-tinted token chips, tokens-per-second rate, and a pulsing caret at the end.

Listening

Voice States

Five dots carry the whole assistant: they breathe softly while listening, bob in sequence while thinking, and stretch into dashes while speaking.