0%

scroll

RevealOnScroll

Reveal when element enters the viewport.

Playground

Scroll-based previews need you to scroll into view.

Live preview

Scroll reveal

Code

<RevealOnScroll duration={0.9}>
  <div className="rounded-xl border bg-card p-6">Scroll reveal</div>
</RevealOnScroll>