StreamingText

Typewriter text for streaming AI responses.

Available inreactangular

Preview

Live previewreal component

Streaming a response token by token, just like an LLM would render it in real time.

Install

TerminalBash

$ npx @mcp-elements/cli add streaming-text

Usage

streaming-text-example.tsxTSX

import { StreamingText } from '@mcp-elements/react'

export function Example() {
  return (
    <StreamingText>
      Streaming a response token by token, just like an LLM would render it in real time.
    </StreamingText>
  )
}

Props

Prop	Type	Default	Description
`children`	`React.ReactNode`	—	Text or elements to display with the streaming cursor effect
`className`	`string`	—	Additional CSS classes for the container div