Examples

Real documentation patterns you can learn from and adapt — each built with MDX, React, and Material UI.

Nothing in this section ships with the @quietmind/mdx-docs package. These are patterns and components you can copy into your own documentation site.

Patterns

Design System

Document your color tokens straight from your live theme — the swatches update automatically when the theme changes, and the source is included to copy.

Typography

Document your type scale from theme.typography, with the component source to build the same page yourself.

Documentation Components

Reusable building blocks — lead text, banners, hero sections, and feature grids — each shown with a live preview and copy-paste source.

Embedding React in MDX

Drop any React or Material UI component straight into your Markdown — the foundation everything else here builds on.