slug%5D/page-bb7d08817c1deb62.js"],"InstallBlock"] 1e:T57b,"use client" import { useEffect, useRef } from "react" import { useInView } from "motion/react" import VerticalCutReveal, { VerticalCutRevealRef, } from "@/components/fancy/text/vertical-cut-reveal" export default function Preview() { const ref = useRef(null) const textRef = useRef(null) const isInView = useInView(ref, { once: false }) useEffect(() => { if (isInView) { textRef.current?.startAnimation() } else { textRef.current?.reset() } }, [isInView]) return (

Scroll down champ ↓

{`howdy! 👋`}

) } 20:T57b,"use client" import { useEffect, useRef } from "react" import { useInView } from "motion/react" import VerticalCutReveal, { VerticalCutRevealRef, } from "@/components/fancy/text/vertical-cut-reveal" export default function Preview() { const ref = useRef(null) const textRef = useRef(null) const isInView = useInView(ref, { once: false }) useEffect(() => { if (isInView) { textRef.current?.startAnimation() } else { textRef.current?.reset() } }, [isInView]) return (

Vertical Cut Reveal Scroll Demo

Instalação

Dependências

Registry dependencies