✍ It has never been so easy to document your things!
Alternatives To Docz
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Docz23,2046861,3408 months ago275February 11, 2022103mitTypeScript
✍ It has never been so easy to document your things!
Semantic Ui React13,0628,4651,1296 days ago153May 31, 2022194mitJavaScript
The official Semantic-UI-React integration
React Toolbox8,7051,310132a year ago66June 02, 2018267mitJavaScript
A set of React components implementing Google's Material Design specification with the power of CSS Modules
Rebass7,8907442824 months ago109October 28, 201996mitJavaScript
:atom_symbol: React primitive UI components built with styled-system.
Nextra7,4721821 hours ago109September 17, 2022176mitTypeScript
Simple, powerful and flexible site generation framework with everything you love from Next.js.
Semi Design6,98894 days ago135September 23, 2022152otherTypeScript
🚀A modern, comprehensive, flexible design system and React UI library. 🎨 Provide more than 2,739+ Design Tokens and powerful DSM tools, easy to build your own design system. Make Semi Design to Any Design
React Quill5,6237774484 months ago49August 03, 2022293mitJavaScript
A Quill component for React.
Theme Ui4,979331838a month ago460September 18, 202258mitTypeScript
Build consistent, themeable React apps based on constraint-based design principles
Next4,384657,0775 days ago450September 20, 2022635mitJavaScript
🦍 A configurable component library for web built on React.
Playroom4,29611472 months ago87April 26, 202247mitTypeScript
Design with JSX, powered by your own component library.
Alternatives To Docz
Select To Compare

Alternative Project Comparisons


This is an OUTDATED version of Docz, if you are going to use it, be aware that you may possibly find bugs due to the outdated dependencies. Mainly because of all this time without updates, became almost impossible to follow with the decision of keep the same stack and update things.

So, we're working in a new version that will include an entire core refactoring/rewritting by adding Astro behind the scenes as bundler and another cools feature.

Since we really want to don't have so much breakings changes - and try to bring back the spot and quality Docz deserves - this can take a while to be done, please be patient and if you want to help, just send me a message on my Twitter!

Issues related to this old version, also won't be answered, ok?

Thank you


Docz makes it easy to write and publish beautiful interactive documentation for your code. Create MDX files showcasing your code and Docz turns them into a live-reloading, production-ready site.


Documenting code is one of the most important and time-consuming tasks when developing software.

A lot of time is spent on building and maintaining custom documentation sites.

Docz enables you to quickly create a live-reloading, SEO-friendly, production-ready documentation site with MDX and customize the look, feel and behavior when required by leveraging GatsbyJS and Gatsby theme shadowing.

Getting started

Start by adding docz as a dependency to your project with Yarn or npm:

$ yarn add docz # react react-dom

# or

$ npm install docz # react react-dom

Note: react and react-dom will not be installed automatically. You'll have to install them yourself.

Then, create .mdx files anywhere in your project:

name: Button
route: /

import { Playground, Props } from 'docz'
import Button from './Button'

# Button

<Props of={Button} />

## Basic usage

  <Button type="submit">Click me</Button>
  <Button>No, click me</Button>

And a Button component Button.jsx:

import React from 'react'
import t from 'prop-types'

const Button = ({ children, type }) => <button type={type}>{children}</button>

Button.propTypes = {
   * This is a description for this prop.
   * Button type.
  type: t.oneOf(['button', 'submit', 'reset']),
Button.defaultProps = {
  type: 'button',
export default Button

Finally, run:

yarn docz dev

This starts a local development server and opens your documentation site in the browser.


yarn docz build generates a static site in .docz/dist/.

Try it with yarn docz serve or by serving the generated site with your favorite static file server (e.g. npx serve .docz/dist).

You can have yarn docz build emit to a different directory by providing a path to the dest field in your doczrc.js or from the command line: yarn docz build --dest docs-site-directory.


The output of docz consists of static assets only. This allows you to deploy your generated docz site with any static site hosting provider you'd like.

Start by building your site with yarn docz build, if you haven't provided a dest flag to your config then you will find your generated files in .docz/dist to copy to the server.


You can check the complete list of docz examples here.

More info on

Used by


This project exists thanks to all the people who contribute. [Contribute].


All kinds of contributions are very welcome and appreciated!

If you want to contribute time to docz then here's a list of suggestions to get you started:

  1. Star the project on GitHub.
  2. Help people in the issues by sharing your knowledge and experience.
  3. Find and report issues.
  4. Submit pull requests to help solve issues or add features.
  5. Influence the future of docz with feature requests.

If you're looking for a place to start make sure to check issues tagged with the good first issue label:

Good First Issue

Read the Contributing Guide before you open a pull request.

You can also sponsor us via OpenCollective to help secure docz's future.

Open Collective

Popular Reactjs Projects
Popular Theme Projects
Popular Web User Interface Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Design System
Zero Configuration