Scrubbable Video Reveal
Scroll either way. Every frame follows your hand like apple.com.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
frames | string[] | - | Image sequence URLs in order. Prefer 100–200 compressed WebP / JPEG frames. |
aspect | string | "16 / 10" | Aspect ratio for the canvas wrapper. |
travel | number | 3 | Scroll travel multiplier. Total inner height is travel × 100vh. |
framed | boolean | true | Render the surrounding device frame. |
sticky | boolean | true | Pin the canvas via position sticky while the user scrolls. |
children | React.ReactNode | - | Optional content rendered above the canvas as overlays. |
useWindow | boolean | false | Use window scroll instead of an inner scrollable container. |
preload | "eager" | "lazy" | "eager" | Loading strategy for image preload. |
height | string | "640px" | Scroll container height when useWindow is false. |