mdkit

Copy-paste Markdown & MDX components — callouts, steps, and more — straight into your project. No database, no backend, no runtime dependency.

Install a component

npx mdkit-cli@latest add callout steps tabs

Available items

• accordion

  Collapsible sections (FAQ) with single- or multiple-open behavior.

• badge

  Inline status pill (version, new, beta, stable, …) with variants.

• callout

  Highlighted note / tip / warning / danger block for MDX content.

• card

  Clickable cards and a responsive CardGrid wrapper for landing pages.

• codeblock

  Code block with a copy button, optional filename, and line highlighting.

• comparison-table

  Feature comparison table — booleans render as ✓ / ✗, text otherwise.

• filetree

  Annotated, collapsible file/folder tree from nested Folder and File.

• linkcard

  Rich link preview with title, description, host, and optional favicon.

• steps

  Numbered, vertically-connected steps for tutorials and guides.

• tabs

  Accessible tabbed content for MDX (e.g. npm / pnpm / yarn snippets).