Resources
Desktop app
Marketplace
Community
Developers
Wallpapers
Meetups
Company
Security
Careers
Report
Status
Legal
Blog
Creators
Program
Payouts
Experts
Awards
Events
Brand
Compare
Squarespace
Wordpress
Unbounce
Webflow
Figma
Wix
Solutions
Figma to HTML
Website builder
Portfolio maker
Landing pages
UI/UX design
No-code
Socials
Instagram
X Twitter
YouTube
LinkedIn
Threads
TikTok
    Component preview thumbnail
    MarketplaceComponents

    Fuse Button

    A wonderfully animated fuse button that merges with its icon on hover. Fully customizable colors, text, icon and link.

    TaktForm
    TaktForm
    Creator
    3w ago
    Updated
    88
    Installs
    TaktForm
    TaktForm
    Creator
    3w ago
    Updated
    88
    Installs

    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

    Framer
    EnterprisePricing
    LoginSign up
    Enterprise
    Pricing
    Login
    Sign up
    Marketplace
    TemplatesPluginsComponents
    Templates
    Plugins
    Components
    Support
    About ComponentsRefund PolicyContact Creator

    More Components

    See All →
    Thumbnail for MouseWaveText, a Framer Marketplace template by EvolveHub.
    MouseWaveText
    $5
    EvolveHub
    Thumbnail for Form Image Display, a Framer Marketplace template by Nabeel.
    Form Image Display
    $9
    Nabeel
    Thumbnail for Animated Code Block, a Framer Marketplace template by Artyum Grebenyuk.
    Animated Code Block
    $5
    Artyum Grebenyuk
    Thumbnail for WhatsApp Chat Button, a Framer Marketplace template by Charu Consul.
    WhatsApp Chat Button
    Free
    Charu Consul
    Thumbnail for Dynamic Text, a Framer Marketplace template by Framer Spark.
    Dynamic Text
    $8
    Framer Spark
    Thumbnail for Particle Dissolve, a Framer Marketplace template by Chris Lacorte.
    Particle Dissolve
    $2
    Chris Lacorte
    Thumbnail for Circle Expand Button, a Framer Marketplace template by Nitso.
    Circle Expand Button
    Free
    Nitso
    Thumbnail for Scroll text reveal, a Framer Marketplace template by Alwan R.
    Scroll text reveal
    $6
    Alwan R

    More from TaktForm

    See All →
    Thumbnail for Wave Button, a Framer Marketplace component by TaktForm.
    Wave Button
    component · Free
    TaktForm
    Thumbnail for Emerge Cards, a Framer Marketplace component by TaktForm.
    Emerge Cards
    component · $9
    TaktForm
    Thumbnail for Github Stars Badge, a Framer Marketplace component by TaktForm.
    Github Stars Badge
    component · Free
    TaktForm
    Thumbnail for Parallax Scroll Grid, a Framer Marketplace component by TaktForm.
    Parallax Scroll Grid
    component · $6
    TaktForm