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

Scroll reveal

Fades, lifts and sharpens content as it scrolls into view, with staggered children, once or repeat, and scroll-container support.

Preview

Changelog

  1. v3.2·Nov 3New

    Shared cursors

    See who is editing which block, with names that fade after a few idle seconds.

    Edits merged live100%
  2. v3.1·Oct 14New

    Offline drafts

    Keep writing on a train. Drafts sync the moment you are back online.

    Sync conflicts−82%
  3. v3.0·Sep 22Improved

    A faster editor

    Rebuilt rendering for long documents. Typing stays under one frame at 40k words.

    Input latency6 ms
  4. v2.9·Aug 30Improved

    Search that reads PDFs

    Attachments are indexed too, so a quote from a contract finds the contract.

    Files indexed1.2M
  5. v2.8·Aug 2Fixed

    Calmer notifications

    Mentions batch into one digest per thread instead of one ping per reply.

    Pings per day−64%

You are all caught up

Install

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

Props

PropTypeDefaultDescription
oncebooleantrueReveal the first time only, or hide and replay on every pass.
amountnumber | "some" | "all"0.3How much of the element must be visible to trigger.
marginstring—Grows or shrinks the trigger area (rootMargin).
rootRefObject<Element>—Scroll container to watch instead of the window.
distancenumber14Rise in px.
blurbooleantrueStart slightly blurred and sharpen on arrival.
staggernumber0Seconds between ScrollRevealItem children. 0 animates the wrapper itself.
delay / durationnumber0 / 0.55Seconds before starting / per element.

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 ↗