Skip to content
Pebble Pro is here at $49 one timeSee what’s included ↗
Pebble
ComponentsDocsMCPPricing
⌕ Find a component↗Log in
All components 673

Categories

Core inputs & forms46Buttons & actions33Navigation36Overlays & feedback49Data display33Charts & data viz40Cards & layout43Marketing blocks38App shells & pages37AI interfaces40Text & typography effects33Backgrounds & visual effects38Motion & transitions32Numbers & counters32Media34E-commerce333D & interactive36Themed sets40
Start with the essentials.Installation guide ↗Connect your agent ↗
← All componentsAI interfaces

Streaming Text

Streaming answer text whose newest characters fade in through a trailing gradient with an optional caret, turning [n] markers into focusable source pills while keeping screen readers quiet until the response is done.

Preview

How long can a sourdough starter live in the fridge?
AnswerWriting

  1. 1Keeping a starter between bakes · Bakehouse notes, ch. 3
  2. 2Yeast activity at 4 °C over 21 days · Fermentation lab, 2024
  3. 3Reviving a starter after a month away · Home bakers' board

Install

Pro source requires Pebble Pro. Try the full preview above.

Props

PropTypeDefaultDescription
textstring—Text so far (required); grows as tokens arrive; blank lines split paragraphs.
streamingbooleanfalseMore text is coming: caret, fading tail and aria-busy.
sourcesStreamingTextSource[][]Sources { title, label?, detail?, href? }; [1] is sources[0]; unknown markers stay text.
caretbooleantrueShow the caret while streaming.
fadeLengthnumber24Trailing characters inside the fade.
doneLabelstring"Response complete"Status announced once when streaming ends.
busyLabelstring"Writing response"Status announced when streaming starts.

Pro component

Try the full preview above. Editable source and build guides require Pebble Pro.

Buy Pebble Pro — $49How source access works ↗
Pebble

Small details.
Better interfaces.

React components to explore, make your own, and build on.

Library

  • Components
  • Installation
  • Pricing

Resources

  • For agents
  • About
  • Support

Legal

  • License
  • Terms
  • Privacy
  • Final sale

Built by Pebble

A product of Praxys Solutions LLC ↗

Pebble Pro is live

$49 one time, lifetime updates ↗