Streaming Message

ProUnlock all 54 Pro — $99 once

An assistant message that develops in like ink — a soft-feathered edge sweeps down the text with an iridescent glow riding the write-frontier, then copy, regenerate, and feedback actions fade in without shifting the layout.

All components

Good motion is mostly restraint. Choose one thing to move, give it a single continuous path, and let everything else hold still. When a transition feels expensive, it's usually because two or three elements are competing for the same moment of attention.

Installation

ProRequires a Planes Pro license.

npx shadcn add @useplanes/streaming-message

Unlock with Planes Pro

$99 once · 54 Pro components · lifetime updates.

I have a license Get Pro

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