---
title: "Copy to Clipboard  — Framer component · Best of Framer"
description: "$7.00 · Framer component · by DesignFlow · Text. Extensive Style Customization Colors: Background, text, and border colors for all states Typography: Full font control including family,…"
canonical: "https://framer.elliotli.dev/component/copy-to-clipboard"
---

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

# Copy to Clipboard

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

![Copy to Clipboard  preview image 1](https://framer.elliotli.dev/og/component/copy-to-clipboard/79854822d54dde88/1600x1200.jpg)

## Summary

Extensive Style Customization Colors: Background, text, and border colors for all states Typography: Full font control including family, weight, size, and letter spacing Layout:…

## Description

**Extensive Style Customization**

-   **Colors**: Background, text, and border colors for all states
    
-   **Typography**: Full font control including family, weight, size, and letter spacing
    
-   **Layout**: Padding, margins, borders, border radius, and shadows
    
-   **Spacing**: Adjustable gap, padding, and alignment options
    

**Advanced Animation System**

-   **7 Animation Types**: Roll, typewriter, wipe, slide-up, slide-down, fade, and none
    
-   **3-State System**: Default, hover, and click states with smooth transitions
    
-   **Independent Animations**: Each element can have its own animation settings
    
-   **Flexible Timing**: Separate forward and reverse animation durations
    
-   **Auto-Reset**: Click animations automatically reset after a configurable delay
    

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-ax99kd8x-NvzDXRI5wYRLHJeSGIvT0ZfTXmN2X8)

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

-   All · #10041

## Details

- **Author**: DesignFlow
- **Price**: $7.00
- **Published**: 2025-08-25
- **Updated**: 2025-09-23
- **Added**: 2025-08-11
- **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