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 componentsMotion & transitions

Parallax

Scroll-linked and pointer-driven parallax layers with per-layer speed and depth, for a page or a scroll container; static under reduced motion.

Preview

Pebble notes · Issue 12

Above the tree line

Scroll: each ridge moves at its own speed.

We left the hut at five, while the valley was still blue. By the second switchback the sun had cleared the far ridge and the snowfields turned the colour of ember.

Ines kept the pace honest. Malik stopped every twenty minutes to log the temperature, which dropped two degrees for every three hundred metres we climbed.

Above the tree line the path thins to cairns. From there it is an hour of scree, a short ridge walk, and the summit book in its tin box.

Weekly readers

48,210

+18.4%
INMOPR

Install

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

Props

PropTypeDefaultDescription
containerRefObject<HTMLElement>—Parallax: scroll container to track instead of the window.
offsetuseScroll offset["start end", "end start"]Parallax: when scroll progress runs from 0 (layers at rest) to 1.
speednumber0ParallaxLayer: px of travel over the scroll pass. Positive rises faster, negative lags.
depthnumber0ParallaxLayer: px toward the pointer at the edge of a PointerParallax. Negative moves away.

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 ↗