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.
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.
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.
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.
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.