Beautiful docs. Optimized for React and Next.js.
Fumadocs is the React.js documentation framework with excellent UI and developer experience, designed to be flexible and fast. It takes a new approach by acting as a layer on top of existing React.js frameworks like Next.js & Tanstack Start. By composing core, content, and UI layers, it provides AI native features and seamless DX, eliminating the need to learn a new React.js framework.
Fumadocs officially supports Next.js, Tanstack Start, React Router, and Waku with a modular architecture (Content → Core → UI layers). Teams can use Fumadocs as a library and swap UI components or adapt to new frameworks without rewriting core documentation logic.
Fumadocs supports MDX, React Server Components, TypeScript Twoslash for type information in code blocks, Storybook integration for component playgrounds, and OpenAPI documentation rendering. This enables developers to embed live component previews, interactive API playgrounds, and auto-generated type documentation directly in docs.
Fumadocs provides pre-built, composable blocks and CLI tools to initialize new documentation projects in seconds with Next.js, React Router, Tanstack Start, or Waku. The framework eliminates repetitive setup work and offers high customizability through headless architecture, allowing teams to reuse components and themes across multiple projects.
Fumadocs works with multiple content sources including MDX, Content Collections, CMS platforms (BaseHub, Sanity, Payload CMS), and custom data layers. React Server Components allow docs to pull real-time data from databases and APIs, ensuring documentation stays current without manual updates.
Fumadocs integrates with Algolia Search, Orama Search, FlexSearch, and other search providers. The framework automatically indexes documentation content and provides built-in search UI components, enabling fast full-text search and tag-based filtering across documentation sites.