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.

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

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."
/>