Skip to main content

How Do You Annotate An Article Online?

by
Last updated on 3 min read

Quick fix: Install Kami’s free Chrome extension, open any article, and start highlighting or typing notes in under two minutes. (Yes, really. It’s that simple.)

What's Happening

You can now annotate any article right in your browser without printing or installing clunky software.

You’re reading an article online and need to mark it up—highlight key points, add questions, summarize paragraphs—but don’t want to print it or wrestle with desktop tools. By 2026, browser-based annotation tools have generally gotten good enough that you can leave digital sticky notes, draw shapes, or even collaborate in real time, all without installing anything. Students, researchers, and professionals alike now have simple, free ways to annotate everything from news articles to research papers.

How to Annotate an Article Online

Pick a tool, install it, open the article, and start marking it up.
  1. Pick your tool:
    • Kami (Chrome/Edge extension) — Free for basic use; works with Google Drive, PDFs, and web pages. Kami Homepage
    • Hypothes.is (open-source browser extension) — Best for web articles; no sign-up needed to annotate publicly. Hypothes.is
    • LiquidText (iOS/macOS app) — Advanced tools for long PDFs with side-by-side annotation and summarization. LiquidText
  2. Install the extension: For web annotation, grab the tool from your browser store. In Chrome, head to chrome://extensions/, flip on Developer mode, then drag the .crx file in or click “Add to Chrome” from the extension’s store page.
  3. Open the article: Head to the article in your browser. For PDFs, open the file directly or toss it into Google Drive and open with Docs (just don’t expect perfect formatting).
  4. Start marking it up:
    • Kami: Click the Kami icon in the toolbar. Use the toolbar to highlight, add sticky notes, draw, or type right on the page.
    • Hypothes.is: Click the Hypothes.is sidebar icon. Highlight text, add comments, or reply to others’ notes. Your text saves to the web and can be shared via link.
    • LiquidText (for PDFs): Open the PDF in LiquidText. Use the “Sticky Notes” or “Highlighter” tools. Collapse notes into a summary panel for a quick overview.
  5. Save and share:
    • Kami: Changes auto-save to Google Drive.
    • Hypothes.is: Annotations are public by default; use private groups to lock things down.
    • LiquidText: Export as PDF or share via link.

Still Not Working? Try These Fixes

If your first tool fails, switch tools or use browser tools to mark up the page manually.
  • Switch tools: If Kami or Hypothes.is acts up, try Merriam-Webster’s Learner’s Dictionary Annotator for web text or Okular (Linux/KDE) for offline PDFs. Merriam-Webster
  • Use browser DevTools for quick markup: Need to annotate something right now?
    1. Press F12 or Ctrl+Shift+I to open DevTools.
    2. Head to the Elements tab, find the text you want to annotate, and use Inspect to highlight HTML nodes.
    3. Add a comment box by pasting this JavaScript into the Console: document.body.innerHTML += '<div style="position: fixed; top: 100px; left: 100px; background: #ffeb3b; padding: 10px; z-index: 9999;"></div>'
  • Print to PDF first: Use your browser’s Print → Save as PDF option. Then open the PDF in Foxit PDF Reader or PDF-XChange Editor to annotate using their free tools. Foxit Reader

How to Keep Your Annotations Safe and Your Workflow Smooth

The best way to avoid losing your notes is to store them in the cloud and back them up regularly.

To avoid losing your hard work and keep your process running smoothly:

  • Sync to the cloud: Toss annotated files into Google Drive, Dropbox, or OneDrive so they’re always within reach. Turn on offline access in settings so you can keep annotating even without Wi-Fi.
  • Create a simple key: Build a quick legend: red = question, blue = summary, green = definition. Stick with it every time—it’ll save you mental energy and make your notes easier to scan later.
  • Back up regularly: Once a month, export annotated PDFs to a dedicated folder. Use Zotero to archive web articles with all your notes intact. Zotero
  • Learn the shortcuts: In Kami and Hypothes.is, memorize Ctrl+Shift+K to drop a sticky note and Ctrl+H to highlight fast. Honestly, this is the best way to speed up your workflow.
Edited and fact-checked by the TechFactsHub editorial team.
Maya Patel

Maya Patel is a software specialist and former UX designer who believes technology should just work. She's been writing step-by-step guides since the iPhone 4, and she still gets genuinely excited when she finds a keyboard shortcut that saves three seconds.