Copy Button

A button that copies a value to the clipboard and morphs its icon to a checkmark to confirm.

Buttonsbuttonglassmotionclipboard

Stack: React + Tailwind CSS + shadcn/ui — every prompt is written for this stack and is most accurate in it.

Dependencies: framer-motion, lucide-react

Overview

Shape

Glass pill — rounded-full, h-9, px-5

Action

Real navigator.clipboard.writeText

Motion

Spring icon morph, reverts after 1.5s

Accessibility

aria-live status announces the copy