TabSnatch – Copy Tab Title & URL Instantly (Chrome Extension, MV3)

A sleek and lightweight Chrome Extension that lets you instantly fetch and copy the current tab's title or URL — right from the popup. Ideal for developers, content creators, and anyone who shares links regularly.

Built using Vanilla JavaScript, semantic HTML, and clean CSS, following Chrome Extension Manifest V3 standards.

---

Overview

TabSnatch streamlines a simple task: copying the current tab's title or URL. Click the extension icon, hit "Fetch Tab Title", and copy what you need.

Designed for speed, clarity, and simplicity with no bloat and clean UI.

---

Core Features

Feature	Description
Fetch Tab Info	Gets the active tab's title and URL
Copy Title	One-click copy of the tab's title to clipboard
Copy URL	One-click copy of the tab's URL to clipboard
Custom Icons	Professional "TS" monogram logo designed with Canva
Error Handling	Clean status messages for successful/failed operations

---

Installation & Usage

Installation:

1. Clone this repository or download as ZIP
2. Open Chrome and go to chrome://extensions/
3. Enable "Developer mode" (top right toggle)
4. Click "Load unpacked" and select the extension folder

Usage:

1. Click TabSnatch icon in Chrome toolbar
2. Press Fetch Tab Title button
3. Click Copy Title or Copy URL as needed
4. Status message confirms the copy action

---

Project Structure

tab-snatch-ext/
├── icons/
│   ├── icon16.png
│   ├── icon32.png
│   ├── icon48.png
│   └── icon128.png
├── popup/
│   ├── popup.html
│   ├── popup.js
│   └── popup.css
├── manifest.json
└── README.md

---

Tech Stack

• JavaScript (ES6+) - Core functionality and Chrome APIs
• Chrome Extensions API (Manifest V3) - Modern extension standards
• HTML5 + CSS3 - Clean, semantic structure and styling
• Clipboard API - Secure clipboard operations
• Custom Icons - Professional branding designed with Canva

---

Required Permissions

Permission	Purpose
tabs	Access active tab's title and URL
activeTab	Get current window's focused tab
clipboardWrite	Write title/URL to clipboard

---

Development Notes

Code Quality:

• Modern ES6+ JavaScript with async/await
• Semantic HTML structure
• Clean CSS with smooth transitions
• Comprehensive error handling
• No external dependencies

Accessibility:

• Keyboard-friendly interface
• High contrast button states
• Clear status feedback
• Semantic markup

---

Author

Md Umar Siddique

---

Simple. Fast. Clean. Useful.
TabSnatch solves a real need with elegant simplicity.