
Archbee
The intelligent documentation platform built for product and engineering team velocity.

Zero-config React component documentation powered by MDX and Gatsby.

Docz is a high-performance documentation engine designed to eliminate the friction between component development and technical writing. Built on a foundation of Gatsby and MDX (Markdown with JSX), it enables developers to author interactive documentation where live React components are embedded directly within standard Markdown files. As of 2026, Docz maintains its position as a preferred choice for teams who prioritize a 'documentation-as-code' workflow without the heavy configuration overhead seen in enterprise alternatives. The technical architecture leverages a pluggable system that handles TypeScript type extraction, automatic route generation, and hot-reloading through a specialized dev-server. By abstracting the complex build configurations of Webpack and Gatsby, Docz allows architects to focus on design system consistency and component accessibility. Its market position is defined by its extreme lightweight footprint and its ability to transform a directory of .mdx files into a production-ready, SEO-optimized static site in seconds, serving as a critical infrastructure layer for modern React-based design systems and UI libraries.
Docz is a high-performance documentation engine designed to eliminate the friction between component development and technical writing.
Explore all tools that specialize in api reference generation. This domain focus ensures Docz delivers optimized results for this specific requirement.
Uses the MDX format to allow JSX components to be imported and used inside Markdown, bridging the gap between static content and dynamic UI.
Leverages react-docgen and typescript-estree to parse component definitions and automatically generate documentation tables for props.
Uses Gatsby as the static site generator, providing high-speed navigation, image optimization, and a vast plugin ecosystem.
Provides a live editor environment within the documentation where users can modify component code and see instant visual updates.
Detects files and generates routes based on directory structure and MDX frontmatter without requiring complex Webpack configs.
Uses a theme-ui based system allowing developers to completely override the visual presentation of the documentation site.
Designed to work within Lerna or Yarn Workspaces, allowing a single Docz instance to document multiple packages.
Install Docz as a devDependency using 'npm install docz' or 'yarn add docz'.
Add scripts to your package.json: 'docz:dev' and 'docz:build'.
Create a .mdx file anywhere in your project directory.
Define the documentation route using the 'name' and 'route' frontmatter.
Import your React components directly into the MDX file.
Use the <Playground> component to render interactive, editable code blocks.
Utilize the <Props> component to automatically extract and display TypeScript/PropTypes metadata.
Customize the look and feel using a 'doczrc.js' configuration file.
Run 'npm run docz:dev' to start the local development environment with hot-reloading.
Execute 'npm run docz:build' to generate a production-ready static site for deployment.
All Set
Ready to go
Verified feedback from other users.
"Highly praised for its simplicity and MDX integration, though some users note maintenance has slowed in favor of newer alternatives."
Post questions, share tips, and help other users.

The intelligent documentation platform built for product and engineering team velocity.
The industry-standard static analysis tool for Markdown style and consistency enforcement.
Design, document, and build APIs faster.
Digital developers who are actually easy to work with.
Open Source LLM Engineering Platform

The Open-Source Framework for Reinforcement Learning in Quantitative Finance.