Components
Loading preview...
A text hover effect that animates and outlines gradient on hover, as seen on x.ai
@aceternity
npx shadcn@latest add https://21st.dev/r/aceternity/text-hover-effectimport 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>
);
}