MDX Component Suite

OpenKB provides a comprehensive library of built-in components that are automatically available in all .mdx files without requiring import statements.

Visual system

OpenKB sites start from an intentional reading environment, then let each project tune the parts that change the experience. Add this to docs.json:

{
  "colors": { "primary": "#0f766e" },
  "style": {
    "preset": "atlas",
    "typography": "sans",
    "density": "comfortable",
    "radius": "soft",
    "layout": "standard",
    "colors": {
      "background": "#fcfcfb",
      "backgroundSubtle": "#f5f5f2",
      "text": "#1c1c1a"
    }
  }
}

Choose terminal for dense API or operations docs, or notebook for warmer explanatory guides. Use compact density and wide layout for reference material; the remaining tokens are optional overrides rather than a second theme API.

Cards and Card Groups

Synchronized Tabs

interface UserProfile {
  id: string;
  name: string;
  email: string;
}

class UserProfile:
    id: str
    name: str
    email: str

type UserProfile struct {
    ID    string `json:"id"`
    Name  string `json:"name"`
    Email string `json:"email"`
}

Callouts & Semantic Alerts

Accordions and Disclosures