Nabby: Copy Button

In short

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

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

I built it for my own projects, coded it with AI assistance, and tested it until it worked exactly the way I needed. If you need one too, it's yours for free. ✌️

Perfect for

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

How to use

1. Unlink the main component, Nabby.

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

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

Good to know

Click: don't add a link or click action to your button, Nabby handles it.

Toast: position, alignment, gap and duration are in the panel. The demo toast is made for Top.