Components
A hero heading that cycles through keyword variants with blur-fade transitions, highlighting the active word with an accent gradient.
Loading preview...
import { AnimatedSelectHeadline } from "@/components/ui/animated-select-headline";
export default function Default() {
return (
<div className="flex min-h-[320px] w-full items-center justify-center p-8">
<AnimatedSelectHeadline
prefix="Build amazing websites at"
words={["warp speed", "pure flow", "light speed"]}
interval={2500}
/>
</div>
);
}