Customise UI

Overview

Layouts

You can use the exposed options of different layouts:

Docs Layout

Layout for docs

Docs Page

Layout for docs content

Notebook Layout

A more compact version of Docs Layout

Home Layout

Layout for other pages

Components

Fumadocs UI also offers styled components for interactive examples to enhance your docs, you can customise them with exposed props like style and className.

See Components.

Design System

Since the design system is built on Tailwind CSS, you can customise it with CSS Variables.

CLI

Fumadocs CLI is a tool that installs components to your codebase, similar to Shadcn UI.

npx @fumadocs/cli

Use it to install Fumadocs UI components:

npx @fumadocs/cli add

Or customise layouts:

npx @fumadocs/cli customise