Styleguidist

Starting from v2, Docz is entirely built using GatsbyJS. It's optimised for a lightning fast development experience and speedy build times. This also allows you to leverage GatsbyJS's huge ecosystem of plugins and tools. No need to worry about complex configuration settings to build and run your documentation. With Docz you can create customizable sites with a single command. Using component shadowing you can create your own theme or customize the provided theme to make your documentation website stand out. MDX is Markdown + JSX, it brings the world of components to Markdown. MDX makes it possible to import and use your components in Markdown-style files. Docz fully leverages this, and provides many built-in components that augment and speed up your documentation workflow. Plugins provide a great way to add functionality to your application without changing your code.

Storybook provides a sandbox to build UIs in isolation so you can develop hard-to-reach states and edge cases. Implement components and pages without needing to fuss with data, APIs, or business logic. Render components in key states that are tricky to reproduce in an app. Save use cases as stories in plain JavaScript to revisit during development, testing, and QA. Use addons to customize your workflow, automate testing, and integrate with your favorite tools. Stories are a pragmatic, reproducible way to keep track of UI edge cases. Write stories once then reuse them to power automated tests. Whenever you write a story you get a handy test case. Quickly browse stories to make sure your UI looks right. Pinpoint UI changes down to the pixel by comparing image snapshots of stories. Reuse stories in your unit tests to confirm nuanced functionality. Stories show how UIs actually work not just how they're supposed to work. That makes gathering feedback and reproductions easy.