---
title: "CopyKit — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Kunal Sharma · Buttons. CopyKit is a code component built for Framer."
canonical: "https://framer.elliotli.dev/component/copykit"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/CopyKit

# CopyKit

A copy button you click that sounds

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

![CopyKit preview image 1](https://framer.elliotli.dev/og/component/copykit/b21ca15d57d39574/1600x1200.jpg)

## Summary

CopyKit is a code component built for Framer.

## Description

CopyKit is a code component built for Framer. It copies any text to the clipboard on click, plays a sound, animates to a success state, and resets after a delay all without writing a single line of code.

## Icons

Choose from 80+ built-in icons sorted A to Z directly from a drop-down in the property panel. Set a different icon for the default and success state independently. Prefer your own icon? Switch to Image mode and upload any PNG or SVG.

## Sounds

50 original sounds synthesized entirely in the browser — no audio files, no extra loading time. Categories include mechanical clicks, soft and premium taps, melodic tones like bells and kalimba, nature sounds like water drops and rain, and digital UI sounds. Adjust volume from the panel.

## Display Modes

Three modes to fit any layout — Icon + Text for standard buttons, Icon Only for compact or minimal UIs, and Text Only when you don't need an icon at all.

## Customization

Control every visual detail from the property panel — default and success labels, background color, text color, border width, border color, corner radius, font, icon size, and how long before the button resets back to its default state.

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

-   All · #10463

## Details

- **Author**: Kunal Sharma
- **Price**: $5.00
- **Published**: 2026-03-24
- **Updated**: 2026-04-12
- **Added**: 2026-03-11
- **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