Components
Card
Display content in a card layout.
Usage
Card Title
Card description with details.
import { Card, Cards } from 'fumadocs-ui/components/card';
<Card title="Card Title" description="Card description with details." />With Link
Link Card
Beautifully designed documentation template. Customizable. Compatible. Open Source.
<Card
title="Link Card"
description="Click to navigate."
href="https://github.com"
/>Card Group
Components
Explore built-in components for pages, layouts, and more.
Essentials
Discover essential writing features for your documentation.
Quick Start
Get started with the documentation system.
Code Blocks
Learn about code block variants and features.
<Cards>
<Card title="Components" description="..." href="/docs/components/callout" />
<Card title="Essentials" description="..." href="/docs/essentials/markdown" />
</Cards>Props
Card
| Prop | Type | Default |
|---|---|---|
| title | string | - |
| description | string | - |
| href | string | - |
| icon | ReactNode | - |
| external | boolean | - |
Cards
| Prop | Type | Default |
|---|---|---|
| children | ReactNode | - |