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

Curtain reveal

Section transition where two lit-key curtain halves part (or one panel wipes up) on scroll into view or on cue, content settles from a slight zoom and headline parts rise after; reduced motion shows it.

Preview

Split, on scroll into view

Opening night

The lantern season

Twelve evenings of light and music along the old harbour wall.

Harbour festivalCurtain up

Harbour festivalCurtain up

Wipe, on cue

Announcing

A second stage

The square gets its own stage this year, with a late set every Friday.

Under wrapsPress Reveal

Install

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

Props

PropTypeDefaultDescription
variant"split" | "wipe""split"Two halves parting to the sides, or one panel wiping up.
openboolean—Controlled reveal on cue; omit to open on scroll into view.
amountnumber (0–1)0.4Visible fraction of the section that triggers the reveal.
oncebooleantrueStay open after the first reveal (false closes again on leave).
coverReactNode—Shown on the closed curtain; in split it parts with the halves.
CurtainRevealRise delaynumber (s)0Wrap headline parts to lift them in after the curtains clear.

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 ↗