Chat Exchange

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

What's the capital of Japan?

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

Import & use

import { Ai8 } from "@/components/beste/piece/ai8";

<Ai8
  user="What's the capital of Japan?"
  assistant="Tokyo. It's been the capital since 1868, after Kyoto held the title for over a thousand years."
/>

More AI pieces

View all AI

Typing Indicator

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

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

Streaming Response

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

Write a landing page hero for a coffee roaster

Prompt Input

Chat prompt card with a sparkle glyph, multi-line value, attach button, and a smart send arrow.

Feedback Row

Thumbs up and down buttons with tinted active state, alongside copy and share actions.

Thinking

Thinking Dots

Three staggered violet-to-fuchsia dots inside a pill next to a Thinking label.

Model Selector

Gradient sparkle tile inside a pill showing the model name, a speed caption, and a dropdown arrow.