Components

A showcase of the Fumadocs UI components used across these docs.

These docs are built with Fumadocs. This page shows the building blocks you can use in any .mdx file under content/docs.

Callouts

Info

This is an informational callout.

Warning

Careful — this needs attention.

Error

Something went wrong.

Cards

Tabs

npm install

Steps

Pick a stack.
Generate the project.
Install and run.

Accordions

File tree

index.ts
package.json

Code blocks

Syntax highlighting is powered by Shiki:

example.ts
export function greet(name: string): string {
  return `Hello, ${name}!`;
}