Aceternity UI

Text Hover Effect

Install component

npxshadcn@latest add "https://21st.dev/r/aceternity/text-hover-effect"
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>
  );
}