Build Your Docs

Build excellent documentation site with less effort

Fumadocs is a beautiful documentation framework for Developers, flexible and performant, with everything from Next.js.

Trusted by awesome teams and developers

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

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

shadcn

Creator of Shadcn UI

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

shadcn

Creator of Shadcn UI

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

shadcn

Creator of Shadcn UI

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

Create it.

Initialize a new docs with a command.

localhost:3000

New App launched!

 Terminal
npm create fumadocs-app ┌ Create Fumadocs App│◇ Project name│ my-app│◆ Choose a content source│ ● Fumadocs MDX│ ○ Content Collections

Write.

Write content, with automation tools & type-safe data validation.

---
title: My Documentation
---
 
## Introduction
 
Hello World

index.mdx

components.mdx

Ship.

Deploy your docs easily with Next.js compatible hosting platforms.

Loved by users.
Built for developers.

Designed with Love

A breakable framework.

Fumadocs makes it easy to build beautiful docs, write content, and transform content into data for your React.js framework.

Source Agnostic

Your source. Your choice

Designed to integrate with any content source: Fumadocs works on MDX, Content Collections, and even your own CMS.

BaseHub CMS example Sanity example

MDX Editor

# Hello World!This is my first document. <ServerComponent />

Search Integration

Enhance your search experience.

Integrate with Orama Search and Algolia Search in your docs easily.

Learn More

Fumadocs CLI

The Shadcn UI for docs

Fumadocs CLI creates interactive components for your docs, offering a rich experience to your users.

Terminal

npx @fumadocs/cli add

Robust

Flexibility that cover your needs.

Well documented, separated in packages.

Fumadocs UI

Default theme of Fumadocs with many useful components.

Core

Headless library with a useful set of utilities.

Highlights

Light & Fast.

Less Javascript with React Server Component, and optimized images.

Accessibility & UX first.

Focus on user experience and accessibility.

Next.js First.

Powerful documentation site with Next.js, React Router, or Tanstack Start.

Syntax Highlighting.

Beautiful syntax highlighter, powered by Shiki.

Automation.

Useful remark/rehype plugins. Typescript Twoslash, OpenAPI docs generation, and more.

Personalized.

Advanced options for customising your theme in a comfortable way.

Implementing search is difficult, we made it simple.

Fumadocs offers native support for Orama and Algolia Search, it is as easy as plugging a route handler.

import { source } from '@/lib/source';
import { createFromSource } from 'fumadocs-core/search/server';
 
export const { GET } = createFromSource(source);