A text hover effect that animates and outlines gradient on hover, as seen on x.ai
import React from "react"; import { TextHoverEffect } from "@/components/ui/text-hover-effect"; export function TextHoverEffectDemo() { return ( <div className="h-[40rem] flex items-center justify-center"> <TextHoverEffect text="ACET" /> </div> ); }
Part of Aceternity UI — browse the full library on 21st.dev.