Skip to content
mdxcn has joined shadcn labs. details

view on a desktop screen for a better experience.

markdown-friendly components for mdx

callouts, timelines, tables, and charts drawn with text. in an mdx file you write them as markdown inside a tag. in a readme or a pr, you paste the same drawing as a code block.

give your agent the same library

install the skill and your agent can choose a graph, fill in real props, and place it beside the prose. it writes jsx for mdx, ::graph-* for comark, or a knap filter.

in plain markdown, it pastes the official ascii instead of inventing a diagram you cannot reuse.

install the agent skill

questions

what you install, where it works, and how agents use it. browse every component in the library.

a collection of react charts and diagrams drawn with text characters. each component is accessible, themeable, and framed to look at home beside markdown prose.