Fuse Button

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