Build Documentation That Developers Love
Fumadocs is a powerful documentation framework built on React that combines speed, flexibility, and developer experience. Whether you’re documenting an API, creating a knowledge base, or building a full-featured docs site, Fumadocs gives you the tools to create something exceptional.
Why Fumadocs?
Fumadocs isn’t just another documentation generator—it’s a complete framework designed for modern web development. Built on top of React and Next.js, it offers the flexibility of code-based configuration while maintaining the simplicity developers expect.Server-First Architecture
Leverage React Server Components for dynamic, always-up-to-date content. Fetch data from any source, integrate with CMSs, and deliver real-time updates effortlessly.
Blazing Fast Performance
Static Site Generation (SSG) by default with intelligent caching. Your docs load instantly, and search engines love it.
Fully Customizable
No black boxes here. Full control over rendering, styling, and behavior. Use our beautiful default theme or build your own from scratch.
Developer Experience
Hot reload, TypeScript support, and intuitive APIs. Fumadocs integrates seamlessly with your existing React workflow.
Rich Components
Tabs, callouts, code blocks with syntax highlighting, file trees, accordions, and more—all built-in and fully styled.
Built for Scale
From single-page guides to massive documentation sites with thousands of pages. Fumadocs handles it all with ease.
The Fumadocs Ecosystem
Fumadocs is composed of modular, composable parts that work together seamlessly:Fumadocs Core
The headless engine powering your docs. Handles search, content sources, page trees, MDX processing, and all the core logic. Framework-agnostic and highly extensible.Package:
fumadocs-coreFumadocs UI
A beautiful, accessible default theme with multiple layout options. Includes interactive components, mobile-responsive navigation, theme switching, and more.Package:
fumadocs-uiContent Sources
Flexible content adapters for MDX, Content Collections, headless CMSs, and more. The official source is Fumadocs MDX with powerful features like frontmatter validation and auto-generated metadata.Package:
fumadocs-mdxFeature Highlights
World-Class Search
Powered by Orama, Algolia, or other search providers. Full-text search with instant results, keyboard shortcuts, and beautiful UI.Multi-Framework Support
While optimized for Next.js 16, Fumadocs officially supports:- Next.js - Full App Router support with SSG and ISR
- Vite-based frameworks - Tanstack Start, Waku, React Router
- More frameworks coming soon
Internationalization Ready
Built-in i18n support with language switching, locale-aware routing, and translated content management.Dark Mode by Default
Beautiful light and dark themes with smooth transitions. Fully customizable color schemes.MDX Superpowers
Extended Markdown with React components, code highlighting, Twoslash TypeScript info, and custom directives.Who Uses Fumadocs?
Fumadocs powers documentation for:- Open source libraries and frameworks
- SaaS product documentation
- API references and developer portals
- Internal knowledge bases
- Technical blogs and tutorials
This very documentation site is built with Fumadocs! Every feature you see here is available out of the box.
Philosophy: A Framework You Can Break
Unlike traditional static site generators that hide complexity behind configuration files, Fumadocs embraces code over configuration. You write React components, you control the rendering, and you have full access to the internals. Less abstraction means more power. When you need to customize something, you’re not fighting against the framework—you’re working with it.Ready to Start?
Get your documentation site up and running in minutes:Quick Start
Create your first Fumadocs site in under 5 minutes with our CLI tool
What is Fumadocs?
Deep dive into the architecture, philosophy, and when to use Fumadocs
Installation Guide
Add Fumadocs to an existing project with manual installation
View Examples
Explore real-world examples including Next.js, React Router, and more
Community & Support
GitHub
Star the repo, report issues, contribute
Discord
Join the community, get help, share your projects
Follow for updates and announcements
What’s Next?
Explore the documentation to learn more:- Getting Started - Follow our quick start guide
- Core Concepts - Understand page trees, content sources, and routing
- Components - Discover all available UI components
- Customization - Learn how to theme and extend Fumadocs
- Deployment - Deploy to Vercel, Netlify, or any static host