Skip to content

view on a desktop screen for a better experience.

open source, copied into your repo

mdxcn is an open-source library of ASCII-framed React diagrams for MDX. Keshav Bagaade publishes the source on GitHub under the MIT license. You copy the files into an existing shadcn project with the shadcn CLI. This is not an npm package of components.

[ spec ]
license
mit
install
shadcn cli
registry
@mdxcn
skill
skills/mdxcn
site
mdxcn.dev
mail
hi@kshv.me

what it is

Each graph sits in a dashed frame with a title on the top edge. Drawing graphs use one accent by default. Most graphs have an official fenced ASCII for README files, GitHub, Linear, and PR comments. Comark apps can render the same figures from ::graph-* blocks in a plain .md file. Knap templates can emit that fence, or a ::graph-* block, from data.

The site at mdxcn.dev is the catalog, the shadcn registry, and the agent skill. The skill file tells an agent which graph to put next to prose — JSX in MDX, a ::graph-* block in Comark, a graph_* filter in Knap, or the official fence in a README.

Source: https://github.com/keshav-exe/mdxcn. Mail: hi@kshv.me.