An animated icon button that smoothly morphs between two SVG states like menu/close, play/pause, plus/minus or check/close on click.
"use client"; import { IconMorph } from "@/components/ui/icon-morph"; export default function IconMorphDemo() { return ( <div className="flex items-center justify-center gap-3"> <IconMorph preset="play-pause" semantics="pressed" /> <IconMorph preset="menu-close" semantics="expanded" /> </div> ); }
Part of interior.dev — browse the full library on 21st.dev.