streaming-text
Streaming text animation
AIstreaming-text.cssstreaming-text.js
Installation
$
npx skeehn add streaming-textPreview
This text streams in character by character, simulating real-time AI output with a scanline effect.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| text | string | — | Text content to stream |
| effect | 'typewriter' | 'fade' | 'reveal' | 'typewriter' | Streaming animation effect |
| speed | number | 30 | Characters per second |
Usage
streaming-text.tsx
1import { StreamingText } from '@skeehn/react';23export function AIOutput() {4 return (5 <StreamingText6 text="This text streams in character by character."7 effect="typewriter"8 speed={40}9 />10 );11}