Components
Animated hamburger menu icon that morphs its three lines into a close (X) shape on interaction.
Loading preview...
import { MenuIcon } from '@/components/ui/icons-menu';
export default function MenuIconDemo() {
return (
<div className="flex min-h-52 items-center justify-center">
<MenuIcon size={40} className="cursor-pointer" animateOnHover />
</div>
);
}