Embed

Put your board on any web page.

Paste a GitHub repository with a KiCad board. Get it as a live 3D frame for your site or docs, or as a picture for a README, a post or a slide, and copy the HTML, the address or the Markdown. Free, no account, nothing stored.

The board's link
https://pcbkit.io/boards/gh/foostan/crkbd
A live frame, for any web page
<iframe src="https://pcbkit.io/embed/boards/gh/foostan/crkbd" title="foostan/crkbd in PCBKit" width="100%" height="480" style="border:0;border-radius:12px" allow="fullscreen" loading="lazy"></iframe>
A picture
<img src="https://pcbkit.io/embed/boards/gh/foostan/crkbd.jpg" alt="foostan/crkbd" width="1200" height="900">
A picture that opens the board, for a README
[![foostan/crkbd](https://pcbkit.io/embed/boards/gh/foostan/crkbd.jpg?size=s)](https://pcbkit.io/boards/gh/foostan/crkbd)

How it works

One frame of the real app.

The frame is PCBKit itself, drawn by its own renderer: the reader turns the board, lifts its layers apart, plays its tour, switches to 2D or goes full screen, and opens the board in PCBKit. Any public repository with a KiCad board works; nothing is uploaded and nothing is converted.

AddressShows
/embed/boards/gh/owner/repoa public GitHub repository’s board, at its default branch
/embed/boards/gh/owner/repo/ref/patha branch, tag or commit of it, and a folder or a board file there
/embed/boards/sluga board of PCBKit’s library, as its page’s address says
/embed/p/idyour own project, once you share it; it follows your changes
/embed/parts/maker/parta part of the parts library, on a piece of board in 3D
A frame’s optionDoes
?apartthe layers lifted apart, like panes of glass
?tourthe tour plays once the board is open
?view=2dopens in 2D (3D by default)
?ui=nonethe board alone, without the switch between its views
?ui=fullthe whole view: the board's tree, layers, measurements, the tour
?theme=lighta light interface (dark by default)
?activethe wheel zooms the board at once, not after a press on it
A pictureDoes
.jpg, .pngthe frame’s address with an extension is a picture of the board
?size=l2400 px wide; s is 480, m (the default) 1200
?shape=wide16:9; also square and social (1.91:1); card (4:3) by default
?view=2dthe board from above, flat
?apartthe layers lifted apart

A picture is drawn once and kept; its first drawing takes a few seconds. A branch’s frame follows the branch; put a commit in the address to show a board as it was. Private repositories do not open in a frame. The same three codes are on every board’s page, under Share or embed. The story behind it: on the blog.