Ship Beautiful Documentation.
Build professional documentation with Nuxt UI's powerful components, enhanced typography, and seamless Nuxt Content integration. The same system trusted by the entire Nuxt ecosystem.
export default defineNuxtConfig({ modules: [ '@nuxt/ui', '@nuxt/content', 'nuxt-og-image', 'nuxt-llms' ], css: ['~/assets/css/main.css'] })
Powered by Nuxt UI components
100+ UI Components
Access the complete Nuxt UI component library. From badges to modals, everything styled and accessible out of the box.
Beautiful Typography
Pre-styled prose components with perfect visual harmony. No need for @tailwindcss/typography - get precise control over every element.
Rich Prose Components
Accordions, cards, callouts, tabs, steps, code blocks, and more - all provided by Nuxt UI for interactive documentation.
Built-in Search
Full-text search with ContentSearch component. No need for Algolia - instant, relevant results with keyboard shortcuts (⌘K).
Smart Navigation
Auto-generated navigation with ContentNavigation and ContentToc components. Sticky table of contents and prev/next links.
Dark Mode Ready
Automatic theme switching with smooth transitions. Respects system preferences and remembers user choice.
Enhanced with Nuxt Content
MDC Enhanced Markdown
Write in Markdown while embedding Vue components. Seamlessly integrate interactive elements in your content.
File-based Routing
Organize content in folders and files. Your documentation structure automatically becomes your navigation.
Syntax Highlighting
Beautiful code blocks with language detection, line numbers, and copy buttons. Support for 100+ languages.
Content Database
Query your content with a MongoDB-like API. Filter, sort, and search through your documentation programmatically.
Frontmatter Support
Add metadata to your content files. Define SEO tags, navigation properties, and custom fields.
Version Control
Content lives in your repository. Branch, review, and deploy documentation alongside your code.