Scroll Based Character Reveal Demo

1import { ScrollBasedCharacterReveal } from "@/registry/react/atlasui/scroll-based-character-reveal";
2 
3export const ScrollBasedCharacterRevealDemo = () => {
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>
9 
10      <ScrollBasedCharacterReveal text="AtlasUI is an open-source library offering a suite of prebuilt animated components for React, Next.js, and Vanilla JS." />
11 
12      <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};