Example Docs

AI-Native Features

Our framework includes built-in AI capabilities that make your docs smarter.

Add the AI configuration to your docs.config.ts:

export default defineDocs({
  ai: {
    enabled: true,
    mode: "floating",
    position: "bottom-right",
    apiKey: process.env.OPENAI_API_KEY,
  },
});

AI Modes

ModeDescription
searchIntegrated into the Cmd+K search dialog
floatingFloating chat widget with slide-out panel

Suggested Questions

Pre-populate your AI chat with common questions:

ai: {
  suggestedQuestions: [
    "How do I get started?",
    "What themes are available?",
    "How do I deploy my docs?",
  ],
}

Custom Loading States

You can customize the loading indicator variant:

ai: {
  loader: "wave", // or "dots", "typing", "circular", "terminal", etc.
}

Available variants: "shimmer-dots" (default), "circular", "dots", "typing", "wave", "bars", "pulse", "pulse-dot", "terminal", "text-blink", "text-shimmer", "loading-dots".