---

Drop open browser tabs into your AI prompts — instantly.

Type \tab in any supported AI chat prompt, pick from your open tabs, and insert them as markdown links. Works with Claude, ChatGPT, Gemini, and more.

Download TabDrop

---

Installation

Option 1: Simplest & Quickest (recommended for most users)

1. Download the latest version from the Release page.
2. Unzip the file on your computer.
3. Open Chrome and navigate to chrome://extensions/.
4. Enable Developer mode (toggle in the top right).
5. Click Load unpacked and select the dist folder you just unzipped.

Option 2: Build from Source

If you prefer to build it yourself:

1. Clone the repository.
2. Run npm install and npm run build.
3. Follow steps 3-5 above, selecting the dist/ folder.

---

How it works

1. Open a few browser tabs you want to reference
2. In a Claude / ChatGPT / Gemini prompt, type \tab
3. A floating tab picker appears — search, multi-select, confirm
4. Your selected tabs are inserted as [Tab Title](https://url) links

---

Features

• \tab trigger — type it anywhere in a supported prompt box
• Multi-select — pick any number of open tabs at once
• Search filter — type to narrow down long tab lists
• Smart positioning — picker floats above or below the cursor based on available space
• Favicons — see each tab's icon at a glance
• Keyboard-first — navigate entirely without a mouse
• No shortcut conflicts — carefully designed to not clash with Claude, ChatGPT, or Gemini
• Custom sites — add any website via the Settings page
• Light & dark mode — follows your OS preference

---

Keyboard shortcuts (inside the picker)

Key	Action
ArrowDown / ArrowUp	Navigate the tab list
Space	Toggle selection on the focused item
Enter	Select tabs
Ctrl/Cmd + Enter	Confirm and insert selected tabs
Escape	Cancel, close picker
Ctrl/Cmd + A	Select all visible tabs

Tab is used for confirmation (not Enter) to avoid conflicts with LLM sites that intercept Enter for form submission.

---

Supported sites (defaults)

• claude.ai
• chat.openai.com / chatgpt.com
• gemini.google.com
• perplexity.ai
• poe.com
• copilot.microsoft.com

Add any other site via the Settings page (right-click the extension icon → Options, or navigate to chrome://extensions → TabDrop → Details → Extension options).

---

Configuration

---

Install

From source (developer mode)

git clone https://github.com/your-username/tabdrop.git
cd tabdrop
npm install
npm run build

1. Open chrome://extensions
2. Enable Developer mode (top-right toggle)
3. Click Load unpacked and select the dist/ folder

Chrome Web Store

No plans for publishing at the moment

---

Development

npm install          # install dependencies
npm run dev          # watch mode — rebuilds on every save
npm run build        # production build → dist/
npm test             # run unit tests
npm run test:watch   # watch mode for tests

After npm run dev, reload the extension in chrome://extensions to pick up changes.

---

Project structure

src/
├── background/       # Service worker — tabs API, storage
├── content/          # Content script — trigger detection, picker mount, text insertion
├── components/       # React components — TabPicker, TabPickerItem, Shadow DOM styles
├── options/          # Options/settings page
├── types/            # Shared TypeScript types
└── utils/            # Storage helpers, domain utilities

---

Contributing

Pull requests are welcome. For significant changes, please open an issue first.

---

License

MIT