Hi Guys, after Typewriter recently released, Iβm happy to present Clipboard ![]()
Clipboard is a component that lets visitors copy text with a single click, but the real value shows up once you drop it into an actual page.
The core idea is simple: click, text lands on the clipboard, done. No manual selection, no keyboard shortcuts. But the how is where it gets interesting β you control exactly how it looks, how it behaves, and how it confirms the action to the user.
For plain text
Coupon codes, IBANs, email addresses, long URLs, config strings β anything a visitor needs to copy exactly right. You can display a readable label and silently copy something different behind the scenes. The click target can be the button, or the whole text area, or both. The demos show this better than any description.
For code
A dedicated monospace block with a header bar, language label, and optional icon. Paste any snippet in, it renders exactly as entered, line breaks and all. Long blocks scroll inside a capped height so they never break your layout. Again β check the demos.
What you can tweak
- Five layouts: inline with text, overlaid on content, button below, appears on hover, or a full code block with header bar
- Three independent feedback signals: tooltip, label swap on the button, blink on the text β mix and match as needed
- The tooltip animates in with five entrance styles and disappears after a delay you set
- The button shows one label before copying and switches to another after β fully editable
- Clicking the text area itself can trigger the copy, not just the button
- Full styling control on everything through the inspector β no code needed
Now in promo!
thanks



