This is an unofficial, community-made directory. Not affiliated with Obsidian or Dynalist Inc.
Actively maintainedDeveloperintermediate

Frontmatter to HTML Attributes for Obsidian

Makes YAML frontmatter available as data-* attributes in HTML, enabling metadata-based CSS styling.

Best For

developerspower usersdesignerstechnical writers

Key Use Cases

  • Conditional styling based on tags
  • Changing note appearance by date or status
  • Highlighting notes with specific frontmatter fields

Pros

  • Simple to use
  • Leverages existing CSS knowledge
  • No coding required beyond CSS

Limitations

  • Only works in rendered HTML views
  • May not be compatible with some custom themes or plugins

Tags

frontmatterhtmlcssmetadatastyling

Related Plugins

ActiveDeveloper
2.5M downloads

Git

Git plugin automatically backs up your Obsidian vault to a Git repository on a schedule. It's the go-to backup and version control solution for technical users who want full history of their notes.

by vinzent03View details →
ActiveDeveloper
2.3M downloads

Style Settings

Enables users to modify CSS variables in themes, plugins, and snippets for custom styling.

by obsidian-communityView details →
ActiveDeveloper
724K downloads

BRAT

Easily install a beta version of a plugin for testing within Obsidian.

by tfthackerView details →