Fuse Button
A wonderfully animated fuse button that merges with its icon on hover. Fully customizable colors, text, icon and link.
Make it with Workshop
Build your own component with AI
Overview
Transform your website's user interactions with this animated fuse button component featuring a stunning merge animation where the button and icon seamlessly fuse together into a single pill shape on hover.
Key Features
Visual Effects:
Smooth fusing animation that merges button and icon
Eye-catching transformation that enhances user engagement
Professional, polished appearance suitable for any modern website
Responsive Design:
2 variants available for Desktop
Internal Link
External Link
2 variants for Tablet & Mobile
Internal and External link variant
Optimized pressed states (no hover conflicts)
Complete Customization:
Fully customize colors for the button background
Customize the text and it's color
Use a custom icon
Customize colors for:
Hover and
Pressed states
Variables with logical descriptions for everything
Perfect for:
Landing Pages
Hero Section
Call-to-Action
Portfolio Sites
