Marklet

Highlight and annotate web pages with marker-style overlays and freehand drawings.

Marklet: The Professional-Grade Web Annotation Engine Transform the web into your personal, persistent notebook. Marklet is a high-performance, open-source browser extension designed for researchers, developers, and students who require more than just a simple highlighter. Most annotation tools break when a website updates its layout or when you refresh the page. Marklet is different. Engineered with precision and stability in mind, it uses advanced DOM-traversal and coordinate mapping to ensure your notes stay exactly where you put them. Key Features: 1. Precision Highlighting & Deep Linking - Robust Persistence: Highlights are anchored using high-fidelity range analysis, allowing them to survive page shifts and content updates. - Smart Fragment Linking: Generate robust "Scroll-to-Text" URLs (#:~:text=) that include prefix and suffix context. Share a link that takes you directly to a specific highlight, even if that text appears multiple times on the page. - Instant Management: Hover over any highlight to change colors, copy the direct link, or delete it instantly. 2. Infinite Whiteboard Mode - Dual-Layer Architecture: Draw on a high-performance Canvas layer for a lag-free experience, then watch it seamlessly transition to a persistent SVG layer that scrolls naturally with the page elements. - Smart Shapes & Tools: Beyond freehand sketching, use dedicated tools for perfect Rectangles, Circles, Arrows, and integrated Text annotations. - Typography Matching: Text notes automatically adopt the host site’s font-family, weight, and smoothing for a native look and feel. 3. Advanced Annotation Dashboard - Local Knowledge Base: A modernized, card-based dashboard lets you browse, search, and filter every annotation you’ve ever made. - Quick Snippet Actions: Manage your research without opening every page—copy text snippets, jump to specific highlights, or delete old entries directly from the settings. 4. Engineered for Performance - Zero Layout Lag: Uses layout-aware WeakMap caching to prevent expensive browser reflows, ensuring the extension stays fast even on massive, complex documentation pages. - Adaptive Scheduling: A sophisticated background scheduler manages data persistence with minimal impact on your browser’s main thread. - Shadow DOM Isolation: Every UI element is fully encapsulated, ensuring Marklet never conflicts with or breaks the styling of the websites you visit. Why Choose Marklet? - 100% Privacy-First: Your data is yours. Marklet stores everything locally using IndexedDB and Chrome's storage API. No accounts, no servers, and zero data transmission. - Unlimited Storage: Leverage the full capacity of your local machine. Store thousands of highlights and complex drawings without hitting artificial limits. - Open Source & Transparent: Licensed under GNU GPL 3. Marklet is built with vanilla JavaScript—no external trackers, no bloated frameworks, and no hidden dependencies. - Content Security Policy (CSP) Friendly: Designed to operate safely within the most restrictive security environments, including enterprise and financial applications. Stop losing your research to page refreshes and layout changes. Install Marklet today and build a web-wide knowledge base that lasts.