Parallax Scroll
Scroll-driven parallax effect.
npx arupui add parallax-scroll
Preview
Scroll to see parallax effect (works on full page)
Usage
parallax-scroll.tsx
import { ParallaxScroll } from "@/components/blocks/parallax-scroll"
<ParallaxScroll speed={0.5}>
<img src="/image.jpg" />
</ParallaxScroll>Props
| Prop | Type | Default |
|---|---|---|
speed | number | 0.5 |
direction | up | down | up |
speedType:
numberDefault: 0.5directionType:
up | downDefault: up