Copy Popup
A fully customizable copy button with animated popup message. IUse this component to improve clarity, usability, and micro-interactions in any Framer project.
Made with Workshop
Build your own component with AI
Description
This component adds an instant copy-to-clipboard button with a fully customizable animated popup for user feedback. Adjust padding, colors, radius, text, icons, offsets, and animation styles directly from the Properties panel. Choose between text-only, icon-only, or combined button modes and personalize the popup message, duration, and appearance.
Controls
Button padding
Icon upload + icon library support
Text / icon / combined content modes
Button fill, text color, icon color
Border radius
Copy text
Popup message text
Popup fill + text color
Popup animation style (fade, scale, or both)
Popup offsets (X and Y)
Popup duration
Font and icon sizing
How to Use
Add the component to your canvas, set your “Copy Text,” and customize the button style and popup appearance using the provided controls. Adjust the offset values to position the popup, and preview interactions directly in Framer. Drop it into any layout or reuse it as a reusable micro interaction across your project.
