---
title: "Copy Email — Free Framer component · Best of Framer"
description: "Free Framer component · by Kevin Hardmeier · Buttons. Clicky Mail is a playful Call-to-action component that transforms into a copy-to-clipboard button on hover."
canonical: "https://framer.elliotli.dev/component/copy-email"
---

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

# Copy Email

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

![Copy Email preview image 1](https://framer.elliotli.dev/og/component/copy-email/ed8977f05928e5ba/1600x1200.jpg)

## Summary

Clicky Mail is a playful Call-to-action component that transforms into a copy-to-clipboard button on hover.

## Description

**Clicky Mail is a playful Call-to-action component that transforms into a copy-to-clipboard button on hover.**

Built for Framer, it makes sharing your email address frictionless, fun, and stylish. Perfect for portfolios, landing pages, or contact sections, this component adds both utility and micro-interaction delight.

## Instructions

-   Copy and paste the component into your project file.
    
-   Enter your email address in the property control.
    
-   Customize the CTA text (e.g. “Get in touch”).
    
-   Adjust colors, fonts, sizes, and layout to match your design system.
    
-   Test the hover → copy interaction directly inside Framer.
    

## How It Works

The component features 4 main property controls:

-   **Email Address**: Text input for the email to be copied.
    
-   **CTA Text**: Text input for the default button label.
    
-   **Typography**: Controls to adjust font family, size, and weight.
    
-   **Colors**: Pickers for text, background, and hover states.
    

## Main Features

-   Plug & Play: Works instantly with no setup required.
    
-   Copy to Clipboard: One-click email copy on hover.
    
-   Fully Customizable: Colors, text, font, and button styles.
    
-   Responsive Design: Fits in any layout.
    
-   Smooth Interaction: Hover transition built-in.
    
-   Contact-Friendly: A modern alternative to mailto: links.
    

## Use Cases

-   Portfolios that need a sleek “get in touch” section.
    
-   Landing pages with instant email copy interaction.
    
-   Freelancers, agencies, or consultants showcasing contact CTAs.
    
-   Contact cards or “About Me” sections on personal websites.
    
-   Product pages with quick email support access.
    

Made by Le Lab Framer with love.

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

-   All · #1782

## Details

- **Author**: Kevin Hardmeier
- **Published**: 2025-09-30
- **Updated**: 2025-09-30
- **Added**: 2025-09-23
- **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