import { ScrollTextReveal } from "@/components/myndui/scroll-text-reveal";
export function ScrollTextRevealKeepDemo() {
return (
<ScrollTextReveal as="p" keepRevealed className="text-2xl font-semibold leading-relaxed text-foreground">
With keepRevealed, each word latches at full presence once it lands — so the paragraph stays lit as you scroll back up instead of dimming again.
</ScrollTextReveal>
);
}
Scroll to reveal
Great interfaces read like a sentence — one idea resolving into the next. As you scroll, each word settles into focus, pacing attention exactly where it belongs.Greatinterfacesreadlikeasentence—oneidearesolvingintothenext.Asyouscroll,eachwordsettlesintofocus,pacingattentionexactlywhereitbelongs.
Scroll Text Reveal
tsx
import { ScrollTextReveal } from "@/components/myndui/scroll-text-reveal";export function ScrollTextRevealDemo() {return ( <ScrollTextReveal as="p" className="text-2xl font-semibold leading-relaxed text-foreground"> Great interfaces read like a sentence — one idea resolving into the next. As you scroll, each word settles into focus, pacing attention exactly where it belongs. </ScrollTextReveal>);}