CopyBetter

Smart copy-paste Chrome extension with multiple format options.

Screenshot

Screenshot placeholder — install the extension and try it out!

What is CopyBetter?

CopyBetter enhances your copy-paste experience on the web. Select any text, press Ctrl+C / Cmd+C, and an elegant popup appears with 4 format options:

Format	Description
Plain Text	Clean, stripped plain text
Markdown	Auto-converted Markdown with links, lists, headings, code blocks, bold, italic, tables
HTML	Clean source HTML code
With Source	Text + page URL + date attribution

Features

• Contextual popup — appears right next to your text selection
• Smart Markdown conversion — handles <a>, <ul>/<ol>, <h1>–<h6>, <strong>/<b>, <em>/<i>, <code>/<pre>, <img>, <table>
• Source attribution — automatically adds page title, URL, and date
• Default format — set a preferred format to skip the popup entirely
• Enable/disable toggle — turn CopyBetter on or off from the extension popup
• Copy counter — tracks how many times you've used CopyBetter
• Elegant design — minimal white popup with purple accents, smooth animations
• Keyboard friendly — press Escape to dismiss the popup

Installation

1. Download or clone this repository:

   git clone https://github.com/snzeeee/CopyBetter.git

2. Open Chrome and navigate to chrome://extensions/
3. Enable Developer mode (top right toggle)
4. Click Load unpacked
5. Select the CopyBetter folder
6. The CopyBetter icon appears in your toolbar — you're ready to go!

Usage

1. Select text on any webpage
2. Press Ctrl+C (or Cmd+C on Mac)
3. The CopyBetter popup appears next to your selection
4. Click a format — the text is copied and the popup disappears

Extension Settings

Click the CopyBetter icon in the toolbar to:

• Toggle CopyBetter on/off
• Set a default copy format (skips the popup)
• View your copy count

Tech Stack

• Manifest V3 — latest Chrome extension standard
• Vanilla JavaScript — zero dependencies, fast and lightweight
• CSS animations — smooth fadeIn + scale transitions
• Chrome Storage API — persistent settings and statistics
• Clipboard API — modern clipboard access with fallback

Project Structure

CopyBetter/
├── manifest.json       Manifest V3 configuration
├── content.js          Content script (copy detection + popup)
├── content.css         Contextual popup styles
├── popup.html          Extension settings panel
├── popup.js            Settings logic
├── popup.css           Settings panel styles
├── background.js       Service worker
├── icons/              Extension icons (16, 48, 128px)
└── README.md

License

MIT