60 tools
Dev Tools
Diagrams, whiteboards, and engineering workflow tools. Separate from UI kits you install in a codebase.
icepanel.io icon
Collaborative visual C4 modelling and architecture documentation.
napkin.ai icon
AI that turns text into presentation-ready visuals and diagrams.
diagrams.mingrammer.com icon
Python DSL to render cloud architecture diagrams as code.
kroki.io icon
Unified HTTP API rendering many diagram DSLs.
codepic.cc icon
Hand-drawn whiteboard with AI/MCP diagram generation.
boardmix.com icon
Online whiteboard and diagramming alternative with templates.
microsoft.com icon
Microsoft 365 whiteboard for Teams-native brainstorming.
canva.com icon
Canva infinite whiteboard for light collaboration.
visio.cloud icon
Microsoft Visio for formal enterprise diagrams.
text-to-diagram.com icon
Comparison playground across Mermaid D2 PlantUML and more.
play.d2lang.com icon
Official browser playground for the D2 language.
gleek.io icon
Keyboard-first text-to-diagram tool for developers.
Showing 13–24 of 60
About this shelf
Dev tools on this site are not a second Product Hunt for every CLI. This shelf is engineering workflow products we list next to the design catalog — today that includes diagrams, whiteboards, and related utilities that help you explain a system or run a team. It is deliberately separate from UI kits you install in a codebase.
If you came here for a component library, go back to UI kits. If you came here to draw an architecture diagram or run a whiteboard in a design-eng review, stay. The Diagrams filter is the absorbed niche; the parent view is the whole engineering-adjacent list.
Featured picks are tools we would put in a review doc or a planning session. The grid is the rest. We will not pretend this is a complete developer-tool index. It is the slice that sits next to craft and shipping on this directory.
Pair with coding agents when the job is writing code, and with design systems when the job is tokens. This page is the leftover that is still a tool and still useful to the same audience.
Questions
- Why is this separate from UI kits?
- Kits are things you install in a product UI. This shelf is workflow and diagram tools, not Button components.
- Do you list VS Code extensions?
- Only if they are catalogued. Coding agents and AI IDEs have their own category.
- What is the Diagrams filter?
- Whiteboards and diagram tools absorbed into this parent shelf.
- Is this an exhaustive engineering directory?
- No. It is the engineering-adjacent slice we keep next to the design and AI catalog.