Turn any photo or diagram into a clickable, searchable catalog ā furniture, machine parts, floor plans, anything worth labeling. Runs 100% in your browser, no backend, no account. One portable file you can share, embed anywhere, or sell straight from.
Hey Product Hunt š
Many years ago I built an electronic parts catalog for European truck parts ā gearboxes, axles, brakes. Click a diagram, find the part. It shipped, it worked, people used it every day.
I always wanted to take that idea further: make it work for *anything*, not just truck parts, and put it in anyone's hands for free. This week I finally built it.
**Electronic Catalog Maker** turns any photo or diagram into a clickable, searchable catalog. A few things that make it different:
š±ļø **Click a hotspot, see the row.** Any image ā a schematic, a floor plan, a product photo ā gets clickable points that link to a data table (name, SKU, specs, price, whatever you need).
š¦ **One file, no backend.** A catalog is a single portable `.ecatm` file (it's SQLite under the hood). No server, no account, no install ā everything runs in your browser.
š **Embeddable anywhere.** `` is a Web Component you can drop into any site with one script tag.
š¤ **Real-time collaboration, self-hosted.** Click "Start collaboration," send the link, and edit the same catalog live with someone else ā no account, no cloud service of mine in the middle. It runs on a tiny app you launch on your own machine.
š **Sell straight from it.** Add a checkout URL to any row's data and a Buy button appears ā works with pretty much any online store, and multiple items combine into one cart.
š» **Install like a real app.** No app store needed ā your browser offers "Install" and it becomes a real desktop app.
It's free and open-source (MIT). Two live demos are linked below ā try clicking around, takes under a minute, nothing to install.
Would love to hear what you'd use this for, and any rough edges you hit ā I'll be here all day answering everything. š
Report
Maker
One more thing I couldn't fit into the write-up above ā real-time collaboration in action. Two people editing the same catalog live, self-hosted, no account, no cloud service of mine involved:
One more thing I couldn't fit into the write-up above ā real-time collaboration in action. Two people editing the same catalog live, self-hosted, no account, no cloud service of mine involved:
https://youtu.be/mWgHD7Y4BA0
Happy to answer questions about how the sync works under the hood š¤