Build Your Docs

Build excellent documentation site with less effort

Fumadocs is a beautiful documentation framework with a complete toolchain, powered by Next.js App Router. Designed to be flexible and fast.

Getting StartedOpen Demo
preview

Trusted by awesome teams and developers

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

avatar
Anthony Shew

Turbo DX at Vercel

Showcase

Start instantly.
Make it yours, Ship within seconds.

1

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
2

Write.

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

---
title: My Documentation
---
 
## Introduction
 
Hello World
index.mdx
components.mdx
3

Ship.

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

Build docs 100x faster and easier

with Fumadocs

Fumadocs offers a complete toolchain to build and maintain your docs.

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

In addition, you can plug your own search modal to allow full control over the search UI.

Check the docsCustomise UI?

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.

Source
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
Search...
Getting Started
Components
MDX Content
User Guide
Javascript SDK

Fumadocs CLI

The Shadcn UI for docs

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

Terminal
npm fumadocs add files
Installing Files component...-> ./components/files.tsxSuccessful

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.

Made Possible by You.

Fumadocs is 100% powered by passion and open source community.

SponsorsContributors
junaidanjum's avatarsiyamhosan's avatarkyrylolvov's avatar0sssama's avatarndom91's avatarLioRael's avatarfranky47's avatardensumesh's avatarGitstar-OC's avatarjoulev's avatarTwinki14's avatarYonom's avatarRubensKj's avatarofficialrajdeepsingh's avataranthonyshew's avatarmojtabamoosavi's avatarankrgyl's avatardimaMachina's avatarAdamMikacich's avatarshenxiangzhuang's avatar
+23
Some of our best contributors.

Build Your Docs.

  • Battery guaranteed.Actively maintained, open for contributions.
  • Fully open-source.Open source, available on Github.
  • Within seconds.Initialize a new project instantly with CLI.
Read docsOpen in CodeSandbox

OpenAPI

Generate docs from your OpenAPI schema.

Next.js

Enjoy the full power of App Router.

Content Collections logo

Content Collections

Integrate with Content Collections, an alternative to Contentlayer.

Available now

pnpm create fumadocs-app