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 componentsBackgrounds & visual effects

Particles

A canvas field of drifting dots with optional constellation links, coloured from theme tokens.

Preview

Signal desk

Every alert, threaded into one calm feed

Related events link up on their own as the field drifts.

Events linked today

4,912

Drift · ember · links

Listening on 38 channels

Install

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

Props

PropTypeDefaultDescription
densitynumber1.2Particles per 100 x 100 px; the count follows the container's area.
maxCountnumber200Upper bound on the particle count.
linksbooleanfalseHairlines between particles closer than linkDistance.
linkDistancenumber96Longest link in px.
speednumber14Drift speed in px per second.
tone"ink" | "ember" | "mixed""ink"Foreground dots, ember dots, or ink with ember sparks.
seednumber7Layout seed, so the field is the same on every load.
canvasClassNamestring—Classes for the canvas layer.

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 ↗