Scroll Based Word Reveal

A text reveal effect which progressively reveals text word by word as you scroll.

ReactHTML
React
Open in
Loading...

Installation

pnpm dlx shadcn@latest add https://atlasui.dev/r/scroll-based-word-reveal.json

Usage

import { ScrollBasedWordReveal } from "@/components/scroll-based-word-reveal";
import { ScrollBasedWordReveal } from "@/components/scroll-based-word-reveal";
<ScrollBasedWordReveal text="AtlasUI is an open-source library offering a suite of prebuilt animated components for React, Next.js, and Vanilla JS." />
<ScrollBasedWordReveal text="AtlasUI is an open-source library offering a suite of prebuilt animated components for React, Next.js, and Vanilla JS." />
Scroll Based Text RevealScroll Based Character Reveal