What technology for design system documentation?

To build a Documentation site, we recommend to use a technology that can embed your real component from your Component Library. This way your documentation is effortlessly up to date with the latest component visuals from your Design System.

Idealy, you also want to have your Design System documentation in the same repository of your Component Library so you maintain, branch, version and release from a single source.


MDX is a popular technology to write documentation in Markdown enriched with components.

MDX is used in:

MD Vue

MD Vue let you write Markdown enriched with Vue components.

MD Vue is used in:


mdjs let you write Markdown and enrich it with JavaScript giving you the ability to define Web Components.

mdjs has been developed by the Modern Web team and currently used in:

Building your design system?

Backlight is an all-in-one design system platform that makes it easy for the whole team to collaborate on, build and ship a design system.

Try for free