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 Text Reveal Demo
atlas-ui/scroll-based-text-reveal-demoRemovedExample
Example showcasing a text reveal effect which animates the opacity of the text as you scroll.
Install it
npx shadcn@latest add https://atlasui.dev/r/scroll-based-text-reveal-demo.jsonSource
1import { ScrollBasedTextReveal } from "@/registry/react/atlasui/scroll-based-text-reveal";23export const ScrollBasedTextRevealDemo = () => {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 <ScrollBasedTextReveal 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
