Skip to content
markdown graphs
Star on GitHub1

Press d for theme

Installation

These are source files, not an npm package. You need an existing shadcn project and the motion dependency.

One component

Run the shadcn CLI against this site's registry, or copy the files from GitHub.

Command

pnpm dlx shadcn@latest add <origin>/r/graph-table.json

Everything

Installs every graph and the shared frame code into registry/default.

Command

pnpm dlx shadcn@latest add <origin>/r/all.json

Namespace

Add the registry once in components.json, then install components by name.

CLI

pnpm dlx shadcn@latest registry add @markdown-graphs=<origin>/r/{name}.json

components.json

{
  "registries": {
    "@markdown-graphs": "<origin>/r/{name}.json"
  }
}

Then

pnpm dlx shadcn@latest add @markdown-graphs/graph-table

Import

Files land under @/registry. Add your own barrel export if you want a shorter import path.

Import

import { GraphTable } from "@/registry/default/graph-table/graph-table"