cd /news/developer-tools/openhighlights-open-source-web-and-p… · home › topics › developer-tools › article
[ARTICLE · art-167535] src=github.com ↗ pub= topic=developer-tools verified=true sentiment=↑ positive

OpenHighlights – open-source web and PDF highlighter for Chrome

OpenHighlights, an open-source Chrome extension from developer dev-kleo, launched its Phase 1 MVP for highlighting text on webpages and PDFs, attaching Markdown notes, and organizing highlights with tags and collections. The extension stores all data locally in IndexedDB with no accounts, analytics, sync, or remote API, and exports to Markdown, JSON, or plain text; it is built with React, TypeScript, Vite, Tailwind CSS, Zustand, Dexie, and PDF.js. Phase 2 features such as AI and sync are not yet built, though the codebase already defines FutureSyncAdapter and FutureAiAdapter extension points in src/types.

read1 min views1 publishedNov 11, 2026
OpenHighlights – open-source web and PDF highlighter for Chrome
Image: Michielbdejong (auto-discovered)

Privacy-first Chrome extension for highlighting text on webpages and PDFs, attaching notes, organizing knowledge with tags and collections, and exporting everything offline.

Phase 1 (MVP) — fully local, no accounts, no cloud, no AI.

  • Highlight webpage text with a floating toolbar or right-click menu
  • Five highlight colors with persistence across reloads
  • Markdown notes per highlight (editable, with character counter)
  • Collapsible Chrome side panel with search, filters, tags, collections, and export
  • PDF viewing and highlighting via PDF.js
  • Instant search across highlight text, notes, and page titles
  • Custom tags and collections
  • Export to Markdown, JSON, or plain text
  • Popup with today’s highlights, recent items, and quick actions
  • Options page for theme, default color, font size, backup, and shortcuts
  • Keyboard shortcuts: Ctrl+Shift+H ,Ctrl+Shift+N ,Ctrl+Shift+S

React · TypeScript · Vite · Tailwind CSS · Zustand · Dexie (IndexedDB) · PDF.js · Vitest · Lucide

npm install
npm run dev

Load the unpacked extension from dist/ in Chrome (chrome://extensions → Developer mode → Load unpacked).

See docs/INSTALLATION.md for a full install guide.

Command Description
npm run dev Vite + CRXJS development build with HMR
npm run build Typecheck and production build to dist/
npm run test Run Vitest unit tests
npm run lint ESLint
npm run format Prettier
npm run typecheck TypeScript only

Feature-based layout under src/ — see docs/ARCHITECTURE.md.

All data stays in IndexedDB on your device. There is no analytics, sync, or remote API in Phase 1.

See CONTRIBUTING.md.

See ROADMAP.md for Phase 2+ ideas (AI, sync, etc.). Extension points already exist in src/types (FutureSyncAdapter, FutureAiAdapter).

── more in #developer-tools 4 stories · sorted by recency
── more on @openhighlights 3 stories trending now
sponsored brought to you by zahid.host 4,200+ EU-deployed projects
reading about agents? ship yours in a single git push.

Run your AI side-project on zahid.host

EU-based hosting, git-push deploys, automatic HTTPS, no cold starts. Free tier with a custom domain — perfect for shipping the agent you just read about.

$git push zahid main
→ Live at https://your-agent.zahid.host ✓
Get free account → Pricing
from €0/mo · no card required
LIVE [news/openhighlights-open-…] indexed:0 read:1min 2026-11-11 · —