Marklet

About

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.