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