Introduction
The documentation framework for React
Using an AI agent?
Copy the instructions into your agent (Claude Code, Cursor, Codex, etc.) to set up a new docs site, or to add Fumadocs to an existing app. For other tasks, give it fumadocs.dev/llms.txt, which lists every docs page as Markdown.
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