This component no longer exists. It was in atlas-ui’s manifest when we first indexed it and is not there now — the registry served its inventory on 2026-08-13 and this item was not on it. The install command below will fail. It is kept here because a tutorial somewhere still tells people to run it.
Scroll Based Word Reveal Demo
atlas-ui/scroll-based-word-reveal-demoRemovedExample
Example showcasing a word reveal effect which animates the opacity of the word as you scroll.
Install it
npx shadcn@latest add https://atlasui.dev/r/scroll-based-word-reveal-demo.jsonSource
1import { ScrollBasedWordReveal } from "@/registry/react/atlasui/scroll-based-word-reveal";23export const ScrollBasedWordRevealDemo = () => {4 return (5 <div>6 <div className="flex h-svh items-center justify-center text-xl font-medium">7 Scroll to see magic :)8 </div>910 <ScrollBasedWordReveal text="AtlasUI is an open-source library offering a suite of prebuilt animated components for React, Next.js, and Vanilla JS." />1112 <div className="flex h-svh items-center justify-center text-xl font-medium">13 Loved it? Star us on GitHub!14 </div>15 </div>16 );17};
What it pulls in
Other registry items
