Early price: everything for $99, lifetime

Components

Streaming Message

ProPopular

Installation

ProRequires a Planes Pro license.
pnpm dlx shadcn add @useplanes/streaming-message

Works once the @useplanes registry is set up in your project (one-time). After that, copy and run commands directly.

Unlock with Planes Pro

$99 once · 164 Pro components · lifetime updates.

I have a licenseGet Pro
import { StreamingMessage } from "@/components/ui/StreamingMessage";

<StreamingMessage
  content={response}
  onRegenerate={() => regenerate()}
/>

Use cases

  • Chat responses

    Render assistant replies as they stream from the model.

  • Generated copy

    Reveal AI-written summaries or drafts with a live, typing feel.

  • Inline answers

    Stream a short answer under a search box or command result.

  • Onboarding tips

    Animate a friendly message the first time a user lands somewhere.