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

Workspace Home

A contained app home with a greeting, quick actions, recent docs with drawn previews, my tasks, upcoming meetings with a live join key, and activity.

Preview

Tuesday, November 3

Good morning, Ines

3 tasks due today and 2 meetings before lunch.

Recent docs

Edited by you and your team
  • Cycle 15 planEdited 12 min ago
  • Capacity by teamYesterday
  • Onboarding flowMon
  • Q4 reviewOct 27

My tasks

3 open
  • Today
  • Yesterday
  • Thu

Upcoming meetings

  • Design review10:00 – 10:30
  • Planning sync11:30 – 12:00
    MOTR
  • 1:1 with Priya15:00 – 15:30
    PN

Activity

  1. PN

    Priya Nair approved the Cycle 15 plan

    9:14
  2. MO

    Malik Osei moved Export streaming to Review

    8:52
  3. HK

    Hana Kobayashi commented on Keyboard map

    Yesterday

Install

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

Props

PropTypeDefaultDescription
namestring—First name for the greeting.
greetingstring"Welcome back"Greeting word; pass it in (e.g. from the server's clock) so server and client agree.
dateLabelstring—Display date above the greeting.
summaryReactNode—One line under the greeting.
actions{ id, label, icon?, shortcut? }[][]Quick action tiles; the first is the lit key.
docs{ id, title, kind, edited, href? }[][]Recent docs with drawn previews (FilePreview kinds).
tasks{ id, title, project?, due?, done?, late? }[][]My tasks with checkboxes; late dues show in red.
meetings{ id, title, time, people?, startsIn? }[][]Upcoming meetings; the first with startsIn gets a live Join key.
activity{ id, actor, actorName, text, time }[][]Recent activity timeline.
onAction(id) => void—Called by a quick action.
onTaskToggle(id, done) => void—Called when a task is checked or unchecked.
onJoin(id) => void—Called by the Join key.

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 ↗