Interactive HTML BOM Explanation

When you're building a circuit board by hand, you need to know where every component goes. This plugin solves that problem by turning your KiCad circuit board design into an interactive web page that shows you both a searchable parts list and a visual map of where each component belongs on the board.

Here's what it does in practice: You finish designing your board in KiCad, run this plugin, and it generates a single HTML file you can open in any web browser. On one side is a table listing every component—resistors, capacitors, chips, and so on. On the other side is a picture of your board. When you click on a part in the table, all instances of that part light up on the board. Similarly, if you're looking at your physical board and trying to figure out where to solder that 50th capacitor, you can search the table, and it'll highlight all the places that capacitor needs to go. This cuts down on mistakes and frustration.

The plugin works by reading your KiCad design files directly and pulling information about component placement, their shapes, and their pads (the metal spots where you solder). It can also pull extra information from your schematic—like manufacturer part numbers or notes about which components to skip—to add more columns to the parts list. The generated HTML file is completely self-contained, so it works offline and can be shared with teammates or archived with your project documentation.

Electronics hobbyists and professionals who hand-assemble prototype boards are the main users. The plugin supports KiCad as well as designs from EasyEDA, Eagle, and Fusion360, so it covers most common tools. Instead of flipping between printed schematics and your board, squinting at reference designators, you get an interactive guide that makes assembly faster and more reliable.