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 componentsMarketing blocks

Newsletter Section

A newsletter band with a reader count, frequency choice, validated email capture with a success card, and a fanned stack of drawn issue previews.

Preview

Newsletter

The Monday note

What shipped, what slipped and one idea for a calmer week. Written by the Pebble team, read in four minutes.

IAMOPNTR
Join 12,400 readers
How often

One short email. Unsubscribe in one click.

Monday noteNo. 140

Status without meetings

Oct 20

  • One plan, read in two minutes
Monday noteNo. 141

The four-day plan

Oct 27

  • Planning for short weeks
  • Keyboard map, round two
Monday noteNo. 142

Why we stopped estimating in points

Nov 3

  • Cycle reviews write themselves
  • A template for 30-minute retros
  • Reader question: guests

Install

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

Props

PropTypeDefaultDescription
onSubscribe(email, frequency) => Promise<void | { error }>—Subscribe after validation; return { error } to show it.
titleReactNode"The Monday note"Heading; names the section.
descriptionReactNode—Line under the heading.
eyebrowReactNode"Newsletter"Small label with an ember dot.
issues{ id, number, date, title, items? }[][]Up to three recent issues, newest first, drawn as a fanned card stack.
mastheadstring"Monday note"Name printed on the issue cards.
subscribersnumber—Reader count beside the avatar stack.
readersstring[][]Initials for the reader avatar stack.
frequencies{ value, label }[]Weekly / Monthly digestFrequency choice (our SegmentedToggle).
defaultFrequencystringfirst frequencyFrequency selected first.
headingLevel2 | 32Heading level of the title.

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 ↗