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 componentsApp shells & pages

Chat App

A contained AI chat shell with a collapsible, searchable history sidebar grouped by date, our chat thread with a model selector, a prompt input, typing state and an empty state with suggestions.

Preview

Today

Yesterday

Last week

Monday review summary

I
Ines09:41
Draft a two-line summary of cycle 14 for Malik’s Monday review.
P
Pebble09:41
Cycle 14 shipped 48 of 58 planned tasks (83%), up 18% on cycle 13, led by the onboarding refresh. Billing export slipped to Thursday and is the one risk to watch.
I
Ines09:43
Make the second line sound less alarming.
P
Pebble09:43
Billing export moves to Thursday with a clear owner and no knock-on effects for the release.

Install

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

Props

PropTypeDefaultDescription
conversations{ id, title, group, messages }[]—History grouped by group label ("Today", "Yesterday"…); messages are { id, from, text, time? }[].
modelsModelOption[]—Options for our ModelSelector in the header.
defaultModelstringfirst modelModel selected first.
defaultConversationstringfirst conversationConversation open first.
defaultCollapsedbooleanfalseStart with the sidebar collapsed to an icon rail.
userNamestring"You"Name on user messages.
assistantNamestring"Assistant"Name on replies and in the prompt placeholder.
onSend(conversationId, text, model) => Promise<string>—Send a prompt; resolve with the reply text. A typing row shows while it runs.
suggestionsstring[][]Prompt chips in an empty conversation.

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 ↗