Labelit

Remember what every cryptic ID, code, and acronym means — without leaving the page.

A lightweight Chrome extension that lets you define custom labels for any text. See your labels as hover tooltips or inline badges across every website.

🌐 Try the interactive demo

Features

• Key → Value glossary
  • Add / edit / delete entries from the popup
  • Stored locally via chrome.storage.local
• Right-click to add — Select text, right-click → "Add to Labelit"
• Draft persistence — Your form survives popup close/reopen
• Automatic matching on all sites
  • Scans visible page text and highlights matches
  • Case-insensitive matching
  • Substring match (keys can appear anywhere in text)
• Two display modes
  • Tooltip (hover to see definition)
  • Inline pill (definition shown next to the key)
• Import / Export
  • Export your glossary + settings to JSON
  • Import JSON (merges into existing entries)
• 100% Private — All data stored locally, nothing sent to servers

Install (Developer Mode)

1. Open chrome://extensions
2. Enable Developer mode
3. Click Load unpacked
4. Select the extension folder (the one containing manifest.json)

Usage

1. Click the Labelit icon in the Chrome toolbar
2. Add a Key and Value, then Save
3. Browse any site — matching text gets highlighted automatically
4. Switch Display mode (Tooltip / Inline pill) in Settings
5. Right-click selected text to quickly add it as a new entry

Keyboard Shortcuts

Action	Shortcut
Open popup	Click extension icon
Submit entry	Enter (when in value field)
Open settings	Click ⚙️ in popup header

Import / Export JSON format

Export produces:

{
  "entries": {
    "your-key": "your definition"
  },
  "settings": {
    "displayMode": "tooltip"
  }
}