design-infraReport a problem or share feedback← Catalog
Streaming Text
curatedfreebeautifui/streaming-text
Streamed answer with inline sources, actions, and follow-ups.
$
npx shadcn@latest add @beautifui/streaming-textOur notes
Token-by-token streaming text with caret. Requires the Beautiful UI foundation.css, which redefines --accent (collides with shadcn).- Source
- Beautiful UI
- Kind
- component
- Categories
- agent-ui, text-effect, ai-chat
- Use as
- drop-in — replaces your component
- Applies to
- ai-chattext-effect
- Motion
- on state, enter · subtle · css · low cost · respects reduced motion
- Tags
- ai, component
- Licence
- MIT
- Live demo
- www.beautifului.dev
- Docs
- www.beautifului.dev
Similar
Compare all 4 →- Ai Reasoningsmoothui/ai-reasoningCollapsible reasoning trace: the label shimmers 'Thinking' only while isStreaming, then settles to 'Thought for 3.2s' (measured, or pass duration) and auto-collapses — until the user toggles it, after which it stops deciding for them. Muted-foreground chrome, inherits the theme; no shimmer under reduced motion.
- Context Cardsbeautifui/context-cardsRetrieved knowledge chunks with their sources.
- Chat threadoc/chat-threadAI conversation view: user bubbles, assistant turns with markdown-ish text + code blocks, tool-call chips, copy/vote/regenerate actions, @oc/agent-status while pending. Auto-sticks to bottom.