The Frontmatter to HTML Attributes plugin exposes a note's YAML frontmatter in the page HTML as data attributes, so you can target notes with CSS instead of relying on manual classes or fixed layouts. Each frontmatter key becomes a matching data-* attribute on the note container, which makes metadata driven styling straightforward for titles, headings and other interface elements. It also shows how tags can be matched with attribute selectors, which is useful when you want styles to react to note categories. Lists and objects are converted to JSON while other values become plain strings, so the output stays predictable.