Here are a few excellent open source document generation tools for Web developers. I hope they can help you.

1, JavaScript,

JSDoc 3

This is a tool that generates API documents of Javascript applications, libraries and modules according to annotation information in Javascript files. You can use it to record things like namespaces, classes, methods, method parameters, etc. The project also spawned a number of templates and other tools to help generate and customize documents, such as:

The template

  • jaguarjs-jsdoc

  • DocStrap (example)

  • jsdoc3Template (example)

  • minami

  • docdash (example)

  • tui-jsdoc-template (example)

Build tools

  • JSDoc Grunt plugin

  • JSDoc Gulp plugin

Other tools

  • jsdoc-to-markdown

  • Integrating GitBook with JSDoc

ESDoc

A JavaScript document generator that generates friendly JavaScript code documents by writing code comments according to the specification. It can integrate test code and user manual into documentation, and supports adding custom functionality through plug-ins.

Demo

2, API

apiDoc

This is a RESTful Web API document generation tool, a small tool to write API documents in comments. With it, you can produce beautiful documentation by simply adding a few simple comments while writing the source code. The project supports most major languages, and annotations are easy to maintain without the need to maintain an additional document.

Demo

GraphQL Voyager

The GraphQL API is a tool that represents any GraphQL API as an interactive graph, making it easy to navigate the GraphQL API. Useful when designing or discussing data models.

3. CSS/Style Guide

Knyle Style Sheets (KSS)

KSS is both a document specification and a style guide format designed to help developers automate the creation of readable, parsable style guides. It provides a way for teams to write maintainable, documented CSS.

React Styleguidist

As the name suggests, this is a React style guide generator to share online style guides with your team. It lists component support types and shows live, editable usage examples based on Markdown files.

Demo