Quarto Semantic Components: document components that survive PDF and DOCX
I just released Quarto Semantic Components, a Quarto extension with the building blocks that technical and scientific documents keep reinventing: numbered and dotted steps, a roadmap drawn as a winding path, expandable trees, file trees with icons, a Git commit graph, key–value properties, badges, progress and meter indicators, keyboard keys, abbreviations and a collapsible article block.
What matters is where the structure lives. Each component is ordinary Markdown — a fenced div holding a list or headings — and the Lua filters keep that structure in the Pandoc AST. HTML gets the rich presentation: SVG routes, light and dark colors, native <details>, <progress> and <kbd>. PDF and DOCX receive the same content as lists, headings, links and text, so a roadmap or a file tree still reads correctly on paper and stays editable in Word.
The Git tree is a commit graph rather than a picture of one: indentation becomes branches and merges, and explicit ids and parents describe any history. Defaults are set once in _quarto.yml and overridden per component or per item. The project is at version 0.1.0. Some ergonomics were inspired by the Markdown components of the Vocs framework; the implementation is original and written for Quarto.
The gallery renders every component on one page and links to its PDF and DOCX versions: https://lsbjordao.github.io/quarto-semantic-components/