Another copy button? Yes, but this one has no style of its own, it wears yours: variants, hover and animations included.

I built Nabby for my projects and my studio's, where the copy button always has to match a custom design. I thought it might help someone else too, so here it is, free. ✌️

A free copy button for Framer that uses your own design. Unlink Nabby, connect your own frames or components as button and toast, type the text to copy. Done.

Copying an email address or phone number, coupon codes, links, IDs and API keys.

Get Nabby from the Framer Marketplace and add it to your project.

Unlink the main component, Nabby.

Inside it, select NabbyCore and type the text you want to copy.

Connect your own frames or components to Button and Notification to apply your design, or restyle the demo ones.

Turn on Preview to see the notification on the canvas while you style it.

Position and Align: place the notification above or below the button, aligned left, center or right. Gap: the distance between button and notification. Duration: how long the notification stays visible. Accessibility: keyboard support (Tab, Enter, Space) and screen reader announcements included.

Click: don't add a link or click action to your button, Nabby handles it. Demo toast: designed for the Top position. Reliable feedback: the notification only shows up when the copy really works. Clipping: avoid overflow hidden on parent layers, or the notification may be cut off.