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.

Getting Started Open Demo

Trusted by awesome teams and developers

"A gorgeous documentation framework that composes beautifully into the App Router."

Anthony Shew

Turbo DX at Vercel

Showcase

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.

Designed with Love

One framework to solve three problems.

Fumadocs makes it easy to build beautiful docs, write content, and transform content into data on Next.js.

Every part is handled with love, incredibly flexible and customisable.

BaseHub CMS example Sanity example

Loved by users.
Built for developers.

Source Agnostic

Your source. Your choice

Designed to integrate with any content source: Fumadocs has native support for Content Collections and Fumadocs MDX, and compatible with your own CMS.

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 add accordion

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 and Fast.

Powerful documentation site with Next.js App Router.

Performance.

Less client components, less Javascript, optimized images.

Accessibility & UX first.

Focus on user experience and accessibility.

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);