Components
Loading preview...
Animated menu toggle icon morphing smoothly between hamburger and close states.
npx shadcn@latest add https://21st.dev/r/sshahaider/menu-toggle-iconimport React from 'react';
import { MenuToggleIcon } from "@/components/ui/menu-toggle-icon";
export default function DemoOne() {
const [open, setOpen] = React.useState(false);
return (
<button onClick={() => setOpen(!open)}>
<MenuToggleIcon open={open} className="size-20" duration={500} />
</button>
);
}