Back
Parallax
Satu Visual ComponentNew
Translates its children as they scroll through the viewport.
I drift as you scroll
Installation
Add it with the CLI:
Terminal
$
Or open the Code tab above and copy it in manually — it relies on the standard cn() helper from @/lib/utils.
Usage
Wrap any block. Positive speed moves with scroll, negative moves against it.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | — | Content to move. |
| speed | number | 0.3 | Movement relative to scroll. |
| className | string | — | Extra classes. |