SmoothUI

Scroll Reveal Paragraph

Reveal paragraphs as they enter the viewport with subtle motion and fade.

Open in v0

Last updated: November 8, 2025

LoremLoremipsumipsumdolordolorsitsitamet, amet, consecteturconsecteturadipiscingadipiscingelit.elit.SedSeddodoeiusmodeiusmodtempor tempor incididuntincididuntututlaborelaboreetetdoloredoloremagnamagnaaliqua. aliqua. UtUtenimenimadadminimminimveniam,veniam,quisquisnostrudnostrudexercitation exercitation ullamcoullamcolaborislaborisnisinisiututaliquipaliquipexexeaeacommodo commodo consequat.consequat.DuisDuisauteauteirureiruredolordolorininreprehenderitreprehenderit

Installation

pnpm dlx shadcn add @smoothui/scroll-reveal-paragraph
npx shadcn@latest add @smoothui/scroll-reveal-paragraph
yarn dlx shadcn add @smoothui/scroll-reveal-paragraph
bunx shadcn add @smoothui/scroll-reveal-paragraph

Features

  • Reveal on scroll with smooth fade and translate
  • Per-paragraph stagger for long-form content
  • Configurable thresholds and offsets
  • Built with Framer Motion + Intersection Observer
  • Accessible and performant

Props

Prop

Type

Scramble Hover

Scramble characters on hover for playful, attention-grabbing text effects.

AI Branch

An animated AI branch component with smooth transitions and interactive elements.

On this page

Installation
Features
Props

Powered by

motion.dev