Build the excellent
documentation
in your way.
Fumadocs is a React.js documentation framework for Developers, beautifully designed by Fuma Nama. Bringing powerful features for your docs workflows, with high customizability to fit your preferences, works seamlessly with any React.js framework, CMS — anything.
Try it out.
pnpm create fumadocs-appTerminalnpm create fumadocs-app ◇ Project name│ my-app│◆ Choose a framework│ ● Next.js│ ○ Tanstack Start│ ○ React Router
A framework people loves.
Loved by teams and developers from startups like Unkey, Vercel, Orama — evolving everyday to be your favourite docs framework.
ShowcaseYou know how you end up rebuilding a full docs site every time you start a new project? Fumadocs fixes this by giving you all the right blocks that you compose together. Like headless docs to build exactly what you need.
shadcn
Creator of Shadcn UI
Major shoutout to @fuma_nama for making fumadocs, a gorgeous documentation framework that composes beautifully into the App Router.
Anthony Shew
Turbo DX at Vercel
fumadocs is the best Next.js docs framework
Aiden Bai
Creator of Million.js
I'd have no shot building @arktypeio docs that looked half this good without it 😍
David Blass
Creator of Arktype
You know how you end up rebuilding a full docs site every time you start a new project? Fumadocs fixes this by giving you all the right blocks that you compose together. Like headless docs to build exactly what you need.
shadcn
Creator of Shadcn UI
Major shoutout to @fuma_nama for making fumadocs, a gorgeous documentation framework that composes beautifully into the App Router.
Anthony Shew
Turbo DX at Vercel
fumadocs is the best Next.js docs framework
Aiden Bai
Creator of Million.js
I'd have no shot building @arktypeio docs that looked half this good without it 😍
David Blass
Creator of Arktype
You know how you end up rebuilding a full docs site every time you start a new project? Fumadocs fixes this by giving you all the right blocks that you compose together. Like headless docs to build exactly what you need.
shadcn
Creator of Shadcn UI
Major shoutout to @fuma_nama for making fumadocs, a gorgeous documentation framework that composes beautifully into the App Router.
Anthony Shew
Turbo DX at Vercel
fumadocs is the best Next.js docs framework
Aiden Bai
Creator of Million.js
I'd have no shot building @arktypeio docs that looked half this good without it 😍
David Blass
Creator of Arktype
You know how you end up rebuilding a full docs site every time you start a new project? Fumadocs fixes this by giving you all the right blocks that you compose together. Like headless docs to build exactly what you need.
shadcn
Creator of Shadcn UI
Major shoutout to @fuma_nama for making fumadocs, a gorgeous documentation framework that composes beautifully into the App Router.
Anthony Shew
Turbo DX at Vercel
fumadocs is the best Next.js docs framework
Aiden Bai
Creator of Million.js
I'd have no shot building @arktypeio docs that looked half this good without it 😍
David Blass
Creator of Arktype
Minimal aesthetics, Maximum customizability.
Fumadocs offer well-designed themes, with a headless mode to plug your own UI.
Pro designer? Customise the theme using Fumadocs CLI.
pnpm dlx @fumadocs/cli customiseAnybody can write.
Native support for Markdown & MDX, offering intuitive, convenient and extensive syntax for non-dev writers, developers, and AI agents.
---
title: Hello World
---
## Overview
I love **Fumadocs**!
```ts tab="Tab 1"
console.log("Hello World")
```
```ts tab="Tab 2"
return 0;
```The familiar syntax.
It is just Markdown, with additional features seamlessly composing into the syntax.
- Markdown features, including images
- Syntax highlighting (Powered by Shiki)
- Codeblock Groups
- Callouts
- Cards
- Custom Heading Anchors
- Auto Table of Contents
Docs For Engineers.
A truly composable framework.
Separated as Content → Core → UI, offering the high composability that engineers love — you can use Fumadocs as a library, without adapting the entire framework.
fumadocs
fumadocs-mdx
fumadocs-core
fumadocs-ui
fumadocs-openapi
fumadocs-obsidian
Adopts your content.
Designed to integrate with any content source, Fumadocs works on MDX, Content Collections, and even your own CMS.
---title: Hello World---# Hello World!This is my first document. <ServerComponent />Enhance your search experience.
Integrate with Orama Search and Algolia Search in your docs easily.
Learn MoreGetting Started
Use Fumadocs in your project.
Components
The UI Components for your docs.
MDX Content
Using MDX for content.
User Guide
How to use Fumadocs.
Javascript SDK
The JavaScript SDK of Fumadocs.
The Shadcn UI for docs
Fumadocs CLI creates interactive components for your docs, offering a rich experience to your users.
