Scale on Scroll
Scale and fade scrubbed while scrolling.
Scale scrub
Installation
Requires MotionProvider and gsap. Add the scale on scroll component with the shadcn CLI.
npx shadcn@latest add https://yami.ui.unsanity.ai/r/scale-on-scroll.jsonUsage
import { ScaleOnScroll } from "@/void/scroll/scale-on-scroll"
<ScaleOnScroll laneHeightVh={100}>
<Card />
</ScaleOnScroll>Examples
Default
Scale scrub
Code
import { ScaleOnScroll } from "@/void/scroll/scale-on-scroll"
<ScaleOnScroll laneHeightVh={100}>
<Card />
</ScaleOnScroll>