Infobox

An Obsidian plugin that renders Wikipedia-style infoboxes from YAML frontmatter, including a floating panel pinned to the top-right of the reading pane.

Features

• Frontmatter-driven: no special syntax in note body required
• Supports title, subtitle, image, caption, tags, and key-value fields
• Named section dividers within the field list
• Supports internal wikilinks in text properties and fields
• Resolves local vault images (wikilink or plain filename)
• Automatic light/dark theme support
• Works on desktop and mobile

Installation

Manual

1. Download main.js, styles.css, and manifest.json from the latest release
2. Copy them into .obsidian/plugins/infobox/ inside your vault
3. Enable the plugin in Settings → Community Plugins

Community Plugins

Search for Infobox in the Obsidian community plugin browser.

Usage

Add an infobox: block to your note's YAML frontmatter:

---
infobox:
  title: Albert Einstein
  subtitle: Theoretical Physicist
  image: einstein.jpg
  caption: Photograph from [[1921]]
  tags: [science, physics]
  fields:
    - section: Personal
    - Born: March 14, 1879
    - Died: April 18, 1955
    - Nationality: [[Germany|German]] / [[United States|American]]
    - section: Career
    - Field: Theoretical physics
    - Known for: General relativity, Special relativity
    - Awards: Nobel Prize in Physics (1921)
---

Frontmatter fields

Text values in title, subtitle, caption, section headers, field labels, and field values can include internal links such as [[Mondstadt]] or [[Knights of Favonius|the Knights]]. Quoted and unquoted YAML wikilinks are supported.

Fields list

Each item in fields is a single-key YAML object:

• Regular row: any key/value pair renders as a label + value row
• Section header: use the key section to insert a divider with a category label

fields:
  - section: Category Name   # renders as a section divider
  - Label: Value             # renders as a data row

Images

Images can be specified as:

• A plain filename: image: einstein.jpg (resolved via vault)
• A wikilink: image: "[[einstein.jpg]]" or image: "![[einstein.jpg]]"
• A remote URL: image: https://example.com/photo.jpg

Contributing

Issues and pull requests are welcome.

License

MIT see LICENSE