---
title: "Copy Flow — Free Framer component · Best of Framer"
description: "Free Framer component · by Russet Supply · Text. Animated copy-to-clipboard button"
canonical: "https://framer.elliotli.dev/component/copy-flow"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Copy Flow

# Copy Flow

Animated copy-to-clipboard button

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

![Copy Flow preview image 1](https://framer.elliotli.dev/og/component/copy-flow/3955fd274eb7cf6f/1600x1200.jpg)

## Summary

Animated copy-to-clipboard button

## Description

A premium copy-to-clipboard component for Framer that transforms a simple copy button into a polished interactive experience. Instead of instantly changing text, the component smoothly transitions through three customizable states, making every interaction feel intentional and delightful.

Whether you're displaying an

-   email address
    
-   website URL
    
-   coupon code
    
-   API key
    
-   wallet address
    
-   referral link
    

It makes copying effortless while keeping your interface clean and modern.

No coding is required. Simply drop it onto your canvas, customize it using Framer's native controls, and you're ready to go.

## Interaction Flow

The component supports three independent text states.

**Default State**

-   Display the original value (email, link, code, etc.)
    

**Hover State**

-   Show a custom prompt like:
    
-   Click to Copy
    
-   Copy Email
    
-   Copy Link
    
-   Copy Coupon
    

**Copied State**

-   Instantly changes after clicking.
    
-   Examples:
    
    Copied!
    

## Features

Native Clipboard Support

Smooth fade animations between text states

Automatic reset timer

Fully customizable typography

Adjustable animation speed

Custom shadows

Responsive sizing

Native Framer Font Control

Optional icon

Multiple icon styles

Custom icon background

Independent idle and copied colors

Adjustable spacing

Adjustable corner radius

Configurable max width

Lightweight

No external dependencies

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

-   All · #1731

## Details

- **Author**: Russet Supply
- **Published**: 2026-07-15
- **Updated**: 2026-07-15
- **Added**: 2026-07-15
- **Categories**: Text

## More like this

-   [Hover Stretch Text](/component/hover-stretch-text) — 584.studio · $3 — Responsive & fully customizable
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing
-   [Odometer Stats](/component/odometer-stats) — Pixlify · Free — Rolling number counters
-   [Clipped Words](/component/clipped-words) — Interface Studio · $5 — Words With a Little Chaos