Note Preview – Header, Block and External Notes Popup Viewer

AnkiWeb addon 1312438647

Adds Obsidian-style hover pop-ups to Anki for previewing entire cards, headings and tagged blocks, with nested previews, smart positioning and customizable appearance.
AI-generated summary; may contain mistakes.

review-flownote-managementsearchformatting

Open on AnkiWeb GitHub Find alternatives

AnkiWeb

Votes
0 (👍 0 · 👎 0)
Updated
2026-09-29
Anki versions
26.08.1~
License
Not found (this does not mean that the addon has no license)
Virus scan
No ClamAV match A match does not prove malware. No match does not prove that the code is safe.
Languages
JavaScript, Python, CSS, JSON
Description language
en

Maintenance

active

  • Last update or commit: 2026-09-29 (33 days before the snapshot).
  • Commits in the last year: 4.
  • Issues: 0 open, 0 closed.
  • Pull requests: 0 open, 0 merged.

Will it work on my Anki?

Version branches
Min AnkiMax AnkiUpdated
24.1126.08.1+2026-09-29
History across monthly snapshots

Loading…

Similar addons

Flag Notes

Attaches short notes to flagged cards during review, shows them as banners, and provides a viewer with browser integration, professor responses, and CSV/Markdown export.

exportreview-flownote-managementshortcuts

1 votes 0% approval 👍 0 · 👎 1 Anki 2.1.1~ Updated 2026-04-21
Popup Wikipedia in Review

Hovering over a word displays a popup with its Wikipedia first-sentence definition, when available.

dictionary

1 votes 21% approval 👍 1 · 👎 0 Anki 24.11~ Updated 2025-01-06
Japanese popup dictionary

Provides instant hotkey-activated Japanese dictionary popups in Anki's reviewer and editor, showing definitions, pitch accents, and frequency with deinflection, customizable themes, and local SQLite caching.

shortcutsappearancedictionary

3 votes 44% approval 👍 3 · 👎 0 Anki 25.09.2~ Updated 2026-05-11

Description

Note Preview brings Obsidian-style interactive pop-ups to Anki. Hover over any link to peek at full cards, specific sections, or diagrams in a responsive, scrollable floating window without disrupting your review flow.

⭐ Why This Changes Card Design

  • Instant Knowledge Peeking: Link related concepts ([[Card Title#Key Concept]]) and hover over them to review context without having to open the card browser.
  • Deep Exploration: Hover links inside an active preview to open nested sub-previews without closing your parent window.

🚀 Quick Syntax Guide

  • [[#Header]]: Peeks at a section on the current card.
  • [[Note Title#Header]] : Slices a specific header from another note.
  • [[Note Title]]: Previews an entire card with clean, minimal field badges.
  • [[#^block-tag]] : Previews a specific paragraph, image, or bullet point.
  • [[nid1790608012445#Header]] : Permanent, rename-proof links by Note ID.
  • [[Target#Header|Custom Title]] : Shows a clean alias instead of raw syntax.

✨ Features

  • Tree-Aware Bullets: Referencing a parent bullet point automatically includes all of its indented child bullet points in the preview.
  • Smart Viewport Clamping: Clamps proportionally up to 65% of your screen and automatically flips above or below text based on available room.
  • Dedicated Settings GUI: Access Tools → Note Preview Settings... to tweak timings, dimensions, fonts, and badge dimness in real time.
  • Browser Preview: Works identically in the Reviewer and the Card Browser preview pane.

💡 Notes on Headings in Anki

Full-card and ([[Note Title]]) and line tag preview ([[#^my-tag-name]]) work out of the box for all cards. To use section-level previews ([[#Header]]), your cards should contain headings:

  1. Markdown Templates: Works natively with Markdown templates like Anki-KaTeX-Markdown.
  2. Toolbar Add-ons: If using standard visual cards, add-ons like Mini Format Pack or Power Format Pack give you 1-click Heading 1–6 buttons.
  3. HTML Headings: Standard <h1> through <h6> tags are natively supported.

🐛 Support & Source Code

If you have any bug reports or feature request, you can submit them on GitHub Issues Page.

README

🔍 Note Preview for Anki (Obsidian-Style Hovercards)

Anki Version License: MIT Pure Vanilla JS

Bring Obsidian-style interactive page, section, and block previews straight into your Anki review sessions. Hover over any wikilink to instantly peek into notes, specific headings, bullet points, or reference images without cluttering your cards or interrupting your review flow.

✨ Features

  • ⚡ Instant Hover Previews: Hover over any link to peek at specific sections, diagrams, or entire cards without breaking your review flow.
  • 🔍 Flexible Linking: Link to cards naturally by Title (with smart search) or by permanent Note ID so links never break when renamed.
  • 🎯 Block References (^tag): Tag individual bullet points, paragraphs, or images with ^tag to preview just that item without creating huge headers.
  • 🌳 Outline-Aware: Previewing a bullet point automatically includes all of its indented sub-bullets and lists.
  • 🔄 Nested Popovers: Open previews inside previews without losing your place—hovering back to the parent neatly closes the child.
  • 📐 Smart Positioning: Popups automatically flip above or below your text and adapt to your screen size so they never run off-screen.
  • 🎨 Automatic Dark & Light Mode: Seamlessly matches your active Anki theme with zero setup.
  • ⚙️ Easy Visual Settings: Tweak popup sizes, font size, and hover timing from a dedicated menu under Tools $\rightarrow$ Note Preview Settings....

🔗 Supported Link Syntax

Syntax Description
[[#Heading Name]] Previews a specific section on the current card.
[[Note Title#Heading]] Finds a card by its Front field and previews that section.
[[Note Title]] Previews the entire card with subtle field indicators.
[[#^block-tag]] Previews an isolated paragraph, image, or bullet point on the same card.
[[Note#^block-tag]] Previews an isolated block or image from another note.
[[nid1790608012445#Header]] Permanent, rename-proof link by Anki Note ID.
[[Target#Header|Display Label]] Custom display alias (hides brackets, hashes, and pipes).