{"slug": "openhighlights-open-source-web-and-pdf-highlighter-for-chrome", "title": "OpenHighlights – open-source web and PDF highlighter for Chrome", "summary": "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.", "body_md": "Privacy-first Chrome extension for highlighting text on webpages and PDFs, attaching notes, organizing knowledge with tags and collections, and exporting everything offline.\n\n**Phase 1 (MVP)** — fully local, no accounts, no cloud, no AI.\n\n- Highlight webpage text with a floating toolbar or right-click menu\n- Five highlight colors with persistence across reloads\n- Markdown notes per highlight (editable, with character counter)\n- Collapsible Chrome side panel with search, filters, tags, collections, and export\n- PDF viewing and highlighting via PDF.js\n- Instant search across highlight text, notes, and page titles\n- Custom tags and collections\n- Export to Markdown, JSON, or plain text\n- Popup with today’s highlights, recent items, and quick actions\n- Options page for theme, default color, font size, backup, and shortcuts\n- Keyboard shortcuts: `Ctrl+Shift+H` ,`Ctrl+Shift+N` ,`Ctrl+Shift+S`\n\nReact · TypeScript · Vite · Tailwind CSS · Zustand · Dexie (IndexedDB) · PDF.js · Vitest · Lucide\n\n```\nnpm install\nnpm run dev\n```\n\nLoad the unpacked extension from `dist/` in Chrome (`chrome://extensions` → Developer mode → Load unpacked).\n\nSee [docs/INSTALLATION.md](https://github.com/dev-kleo/OpenHighlights/blob/main/docs/INSTALLATION.md) for a full install guide.\n\n| Command | Description | \n|---|---|\n| `npm run dev` | Vite + CRXJS development build with HMR | \n| `npm run build` | Typecheck and production build to `dist/` | \n| `npm run test` | Run Vitest unit tests | \n| `npm run lint` | ESLint | \n| `npm run format` | Prettier | \n| `npm run typecheck` | TypeScript only | \n\nFeature-based layout under `src/` — see [docs/ARCHITECTURE.md](https://github.com/dev-kleo/OpenHighlights/blob/main/docs/ARCHITECTURE.md).\n\nAll data stays in IndexedDB on your device. There is no analytics, sync, or remote API in Phase 1.\n\nSee [CONTRIBUTING.md](https://github.com/dev-kleo/OpenHighlights/blob/main/CONTRIBUTING.md).\n\nSee [ROADMAP.md](https://github.com/dev-kleo/OpenHighlights/blob/main/ROADMAP.md) for Phase 2+ ideas (AI, sync, etc.). Extension points already exist in `src/types` (`FutureSyncAdapter`, `FutureAiAdapter`).", "url": "https://wpnews.pro/news/openhighlights-open-source-web-and-pdf-highlighter-for-chrome", "canonical_source": "https://github.com/dev-kleo/OpenHighlights", "published_at": "2026-11-11 09:11:25+00:00", "updated_at": "2026-11-11 09:21:07.432296+00:00", "lang": "en", "topics": ["developer-tools", "ai-tools"], "entities": ["OpenHighlights", "dev-kleo", "Chrome", "React", "TypeScript", "Vite", "Tailwind CSS", "PDF.js"], "also_reported_by": [], "alternates": {"html": "https://wpnews.pro/news/openhighlights-open-source-web-and-pdf-highlighter-for-chrome", "markdown": "https://wpnews.pro/news/openhighlights-open-source-web-and-pdf-highlighter-for-chrome.md", "text": "https://wpnews.pro/news/openhighlights-open-source-web-and-pdf-highlighter-for-chrome.txt", "jsonld": "https://wpnews.pro/news/openhighlights-open-source-web-and-pdf-highlighter-for-chrome.jsonld"}}