Introduction
The documentation framework for React
Using an AI agent?
Copy the setup instructions into your agent (Claude Code, Cursor, Codex, etc.), it will follow the recommended way to set up a docs site.
Fumadocs (Foo-ma docs) is a documentation framework, designed to be fast, flexible, and composes seamlessly into your React framework. It consists of multiple layers:
Fumadocs Core
Handles most of the logic, including document search, content source adapters, and Markdown extensions.
Fumadocs UI
The default theme of Fumadocs offers a beautiful look for documentation sites and interactive components.
Content Source
The source of your content, can be a CMS or local data layers like Fumadocs MDX (the official content source).
Fumadocs CLI
A command line tool to install UI components and automate things, useful for customizing layouts.
Want to learn more?
Read our in-depth What is Fumadocs introduction.
Choosing a Framework
The guides are written for each framework. Choose the one your app uses, or Next.js for a new project:
Next.js (Recommended)
Powerful and mature, the default for new projects.
React Router
For React Router apps. Its SPA mode hosts the site statically on a CDN.
TanStack Start
For TanStack Start apps. Its SPA mode hosts the site statically on a CDN.
Waku
Fast and simple, a React framework on Vite with server components.
Astro
For Astro sites, with content collections and MDX rendered as React islands.
How is this guide?
Last updated on
General Translation
Ferry Health
assistant-ui
Inkeep