Copy Button
A lightweight, fully customizable button that copies text or the current page URL with one click. Includes hover and active states, smooth fade transitions, optional icons, and full font control.It comes with idle, hover, and active states, smooth fade transitions, optional icons, and full typography control — so it always matches your design.
Typical use cases
Copy coupon codes, email addresses, or IDs
One-click share buttons (“Copy page URL”)
Micro-interactions for forms or tooltips
How to use
Drag the Copy Button onto your canvas
Choose whether it copies a custom value or the current page URL
Customize label text, copied state text, colors, borders, icons, and transitions
Adjust typography, padding, alignment, and radius to fit your style
Features
Idle, hover, and active (copied) states
Optional copy and checkmark icons
Smooth fade or instant switch between states
Full font control via Framer’s Font picker
Works with Hug (Fit) size for both width and height
Accessible: announces copy action to screen readers
PerformanceLightweight and client-side only, no external dependencies.
out of storage
