Reveal on Scroll
Reveal when element enters the viewport.
Scroll reveal
Installation
Requires MotionProvider and gsap. Add the reveal on scroll component with the shadcn CLI.
npx shadcn@latest add https://yami.ui.unsanity.ai/r/reveal-on-scroll.jsonUsage
import { RevealOnScroll } from "@/void/scroll/reveal-on-scroll"
<RevealOnScroll laneHeightVh={100}>
<Card />
</RevealOnScroll>Examples
Default
Scroll reveal
Code
import { RevealOnScroll } from "@/void/scroll/reveal-on-scroll"
<RevealOnScroll laneHeightVh={100}>
<Card />
</RevealOnScroll>