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

Rain Background

Soft rain on a window: falling streaks and droplets that slide and merge on canvas over blurred warm city lights, a still frame under reduced motion.

Preview

Rainy evening

Stay in. We'll bring the soup.

Hot meals from 14 kitchens nearby, at your door in 25 minutes.

Heavy · windy

12 mm/h

Drizzle · droplets only

Clearing by 21:00

Install

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

Props

PropTypeDefaultDescription
rainnumber0.8Falling streaks per 100 × 100 px.
dropletsnumber0.5Droplets on the glass per 100 × 100 px; big ones slide and merge.
windnumber8Lean of the rain in degrees.
speednumber1Speed multiplier; 0 holds still.
lightsbooleantrueShow the blurred warm city lights behind the glass.
seednumber6Layout seed.

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 ↗