9","static/chunks/app/components/%5Bslug%5D/page-04d656bd118f4704.js"],"InstallBlock"] 1e:T569,"use client"; import { useEffect } from "react"; import { motion, stagger, useAnimate } from "motion/react"; import { cn } from "@/lib/utils"; export const TextGenerateEffect = ({ words, className, filter = true, duration = 0.5, }: { words: string; className?: string; filter?: boolean; duration?: number; }) => { const [scope, animate] = useAnimate(); let wordsArray = words.split(" "); useEffect(() => { animate( "span", { opacity: 1, filter: filter ? "blur(0px)" : "none", }, { duration: duration ? duration : 1, delay: stagger(0.2), } ); }, [scope.current]); const renderWords = () => { return ( {wordsArray.map((word, idx) => { return ( {word}{" "} ); })} ); }; return (

{renderWords()}

); }; 20:T569,"use client"; import { useEffect } from "react"; import { motion, stagger, useAnimate } from "motion/react"; import { cn } from "@/lib/utils"; export const TextGenerateEffect = ({ words, className, filter = true, duration = 0.5, }: { words: string; className?: string; filter?: boolean; duration?: number; }) => { const [scope, animate] = useAnimate(); let wordsArray = words.split(" "); useEffect(() => { animate( "span", { opacity: 1, filter: filter ? "blur(0px)" : "none", }, { dura

Text Generate Effect

Instalação

Dependências