FuseMorph

FuseMorph is an interactive icon morphing component for Framer, built by InterFuse.

FuseMorph is an interactive icon morphing component for Framer, built by InterFuse. It lets you smoothly transform one icon into another instead of simply switching between states. Choose icons from Lucide, Tabler, and Heroicons , or connect your own compatible SVG icons. FuseMorph supports Framer Variants, Tap, Hover, and Progress , so the animation can react naturally to different interactions. You can fine-tune the result with Spring presets, custom stiffness and damping, animation timing, icon size, color, and stroke width . Progress mode also gives you direct control over the morph from 0 → 1 , making it useful for scroll, drag, and other continuous interactions. Built for UI details like menu buttons, navigation, toggles, media controls, states, and micro-interactions — anywhere a simple icon swap feels too static. Key features: Lucide, Tabler & Heroicons support · Custom SVG icons · Variant / Tap / Hover · Adjustable animation time · Spring presets & custom physics · Size, color & stroke controls · Smooth reversible morphing · Built directly for Framer.

Morph any icon in Framer