18Switch language to العربية

AI Streaming Text

PreviousNext

Streaming text animation for AI responses.

Hello! This is a demonstration of streaming text animation. Each character appears one by one, creating a typewriter effect.
import { AiStreamingTextPreview } from "@/components/atom/ai-previews"

export default function AiStreamingTextDemo() {
  return (
    <>
      <AiStreamingTextPreview />
    </>
  )
}

Installation

pnpm dlx shadcn@latest add @codebase/ai-streaming-text

Usage

import { AiStreamingText } from "@/components/atom/ai-streaming-text"
<AiStreamingText />