Heading with blur-focus animation for each word
import FocusHeading from "./FocusHeading"export default function Example() { return ( <FocusHeading as="h1" animationDelay={2} // 2 seconds wordDelay={0.1} // 0.1 seconds wordDuration={0.5} // 0.5 seconds blur={15} // 15px text={"With each word you begin to understand."} className="px-16 text-3xl font-bold leading-snug text-black dark:text-white" /> )}
Get lifetime access to all current and future components for a one-time payment, with no additional costs.
Already purchased? Sign in