MDX component library

Blocks a familiar can write.

Every block below is available to any familiar drafting in MDX. Each one renders inside the reading column and degrades to a text fallback in the narration transcript.

01Stepper

Sequential walkthrough with per-step code and keyboard navigation.

<Stepper>
02Mermaid

Flowcharts and sequence diagrams with a source/diagram toggle.

<Mermaid>
03Table

GFM tables in a scroll region with mono headers and sticky status column.

| md |
04Video

Poster-framed player with duration chip and caption.

<Video>
05Gallery

Two to four images in a click-to-zoom lightbox grid.

<Gallery>
06Prototype

Live sandboxed HTML embed with a browser chrome frame.

<Prototype>
07Repo card

GitHub repository with language, stars, forks, and licence.

<Repo>
08User card

GitHub org or user with avatar, bio, and follower counts.

<GhUser>
09X post

Rendered post with verified badge and engagement counts.

<XPost>
10X article

Long-form X article with cover thumbnail and read time.

<XArticle>
11arXiv

Paper card with identifier, abstract, authors, and citations.

<Arxiv>
12File preview

PDF and Markdown files with page count and raw source link.

<FilePreview>
13Callout

Info, warning, and status notes tinted to the brand violet.

<Callout>
14Code tabs

Multi-file code with spec/diff tabs and Shiki highlighting.

```ts
15Link preview

Inline hover cards for any external link in the prose.

[text](url)
16Quote

Pull quote that doubles as a shareable card on selection.

> quote

See every block in context inside the latest dispatch — the reference implementation for the reading column.

Open the reader