---
title: "Morphing Copy Button — Free Framer component · Best of Framer"
description: "Free Framer component · by Till Janek · Buttons. Making copying content smooth & fun!"
canonical: "https://framer.elliotli.dev/component/tab-like-copy-button"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Morphing Copy Button

# Morphing Copy Button

Making copying content smooth & fun!

[View on Framer](https://framer.com/marketplace/components/tab-like-copy-button/?via=elliot-li)

![Morphing Copy Button preview image 1](https://framer.elliotli.dev/og/component/tab-like-copy-button/ea30a6af518952fb/1600x1200.jpg)

## Summary

Making copying content smooth & fun!

## Description

This interactive copy button features clear hover and confirmation states, giving users immediate visual feedback when content is copied. Designed to feel lightweight and intuitive, it fits seamlessly into modern interfaces and can be fully tailored via variables.

### Features:

-   Desktop & Mobile variants
    
-   3 states: Default, Hover, Clicked
    
-   Custom text to copy
    

### Customize via variables:

-   Font size
    
-   Text color
    
-   Background color
    
-   Border
    
-   Corner radius & squircle
    
-   Shadow
    

Originally created for Webflow by [@eduardbodak](https://x.com/eduardbodak)

## Rank history [How rankings work →](/terms#rankings)

-   All · #2943

## Details

- **Author**: Till Janek
- **Published**: 2026-01-04
- **Updated**: 2026-02-26
- **Added**: 2025-12-13
- **Categories**: Buttons

## More like this

-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow
-   [Dash Stretch Button](/component/dash-stretch-button) — Pentaclay · Free — Animated Hover Button With a Dash
-   [Nova Theme Toggle](/component/nova-theme-toggle) — Shouvik Biswas · $12 — Three-Mode Theme Toggle
-   [Nabby: Copy Button](/component/nabby-copy-button) — Francesco Gallo · Free — Plug in your button, copy anything