Homebrewery for VS Code

In TTRPG, presentation isn’t just decoration—awesome design shapes how readers fall in love with a concept or a lore, and can spark a Dungeon Master’s creativity as much as the content itself. Like me and every player or DM, you have probably bought books because of their awesome looks.

If you’ve ever written RPG content with The Homebrewery, you know how powerful it is. A bit of Markdown, a bit of CSS, and suddenly your document looks like an official D&D book. It’s an amazing tool for turning ideas into beautiful documents.

But if you’re used to working in a professional code editor—especially Visual Studio Code — the browser-based editing experience feels limiting. Multi-document projects, editing with completions, and access to additional tools tremendously accelerate the workflow.

That’s exactly the problem Homebrewery for VS Code tries to solve.

Homebrewery for VS Code in Action

The idea behind this extension is simple: bring the Homebrewery writing experience into VS Code. You work on your brews the same way you work on any other project.

This extension enhances VS Code’s markdown editor with Homebrewery’s markdown highlighting, completion snippets (stat blocks, tables) you can call with CTRL+Space, and a live preview using the Homebrewery renderer. It also provides HTML generation to export your brews as self-contained web pages (ready for PDF printing).

Since styling plays a crucial role in Homebrewery documents, the extension supports both default and custom themes (cool-looking brews you can download), as well as inline CSS.

Perhaps the biggest advantage, though, is simply being able to treat your “bag of brews” like a real project. Your files (as well as your images) live locally, integrate with Git, and can be organized the way you like. Whether you’re writing a subclass or an entire campaign book, working inside a full-featured editor makes the process smoother and the content easier to maintain.

Homebrewery for VS Code doesn’t reinvent the Homebrewery and does not intend to replace it — it moves the writing experience into a place many creators probably spend a lot of their time.

You can install the Homebrewery for VS Code extension from the VS Code Marketplace. It is free and open-source, and the author (me) has no intention to make money from this work. I needed this tool to manage my own content and wanted to sharpen my coding skills. Then I got excited and ended up with something I could publish.