An overview of Fumadocs UI
Navigation elements like sidebar take a Page Tree to render navigation links, it's a tree that describes all available pages and folders.
Normally, it is generated from your file structure using loader(), you can learn how to organize pages.
You can use the exposed options of different layouts:
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.
Since the design system is built on Tailwind CSS, you can customise it with CSS Variables.
If none of them suits you, Fumadocs CLI is a tool to install Fumadocs UI components and layouts to your codebase, similar to Shadcn UI. Allowing you to fully customise Fumadocs UI:
MkSaaS Docsnpx fumadocs add