Scroll Based Character Reveal

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

ReactHTML
React
Open in
Loading...

Installation

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

Usage

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