1 variant

Streaming Message

Name: easeUI Pro
Price: 99.00 USD

An assistant reply that streams in. Words fade up as they arrive, code lands in a block with its own copy button, and the actions wait until the answer is done.

usage.tsx

import { StreamingMessage } from "@/components/registry/streaming-message";

export function Answer({ text, done }: { text: string; done: boolean }) {
  return <StreamingMessage content={text} streaming={!done} />;
}

"use client";

import { Check, Copy } from "lucide-react";
import { Fragment, type ReactNode, useEffect, useRef, useState } from "react";
import { cn } from "@/lib/utils";

export interface StreamingMessageProps {
  /** Everything received so far. Pass the growing string as chunks arrive. */
  content: string;
  /** True while more is on its way. Shows the caret and holds the actions back. */
  streaming?: boolean;
  /** Buttons under a finished answer, such as retry or rate. Copy is built in. */

179 more lines ship with an easeUI Pro license.

Buy a license

Install

$ bunx --bun shadcn add @easeui-pro/streaming-message