Components
A directional button that smoothly morphs on hover:
Ideal for carousels, sliders, or navigation UIs where you want subtle motion without being intrusive.
Loading preview...
import MorphingArrowButton from "@/components/ui/morphing-arrow-button";
export default function Demo() {
return (
<div className="h-screen w-screen flex items-center justify-center gap-10 p-4">
<MorphingArrowButton direction="left" />
<MorphingArrowButton direction="right" />
</div>
);
}