Sourcify
Effortlessly find and manage open-source dependencies for your projects.

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.
Effortlessly find and manage open-source dependencies for your projects.

End-to-end typesafe APIs made easy.

Page speed monitoring with Lighthouse, focusing on user experience metrics and data visualization.

Topcoder is a pioneer in crowdsourcing, connecting businesses with a global talent network to solve technical challenges.

Explore millions of Discord Bots and Discord Apps.

Build internal tools 10x faster with an open-source low-code platform.

Open-source RAG evaluation tool for assessing accuracy, context quality, and latency of RAG systems.

AI-powered synthetic data generation for software and AI development, ensuring compliance and accelerating engineering velocity.