Back to themes

Compass

Documentation theme for product docs, support centers, and internal knowledge bases.


Cost

Free


Created by
Andrei Alba

A modern Astro documentation theme for product docs, help centers, internal knowledge bases, and support content. It combines MDX content collections, category-driven navigation, Pagefind-powered search, reusable content components, and a polished light/dark UI without pulling in a heavyweight docs framework.

This theme has been updated for Astro 6 and Tailwind CSS 4 for strong performance, modern styling, and a smooth authoring workflow.

Content Structure & Routing

  • Parent sections with nested categories
  • Canonical nested article routes
  • One-folder-per-article content structure
  • MDX-powered documentation content
  • Frontmatter-based ordering and organization
  • Local article image support with Astro image optimization

Navigation & Browsing

  • Sidebar navigation for section browsing
  • Breadcrumbs for article context
  • Homepage category overview
  • Paginated article lists
  • Sidebar search for in-section discovery
  • Dedicated 404 page

Component System

  • Reusable docs components for rich content layouts
  • Easy component registration for custom MDX blocks
  • Built-in content blocks, including:
  • Callout boxes
  • Tabs
  • Accordions
  • Step-by-step sections
  • Button links
  • Quote blocks
  • Styled code blocks with language labels and copy button

Search & Discovery

  • Pagefind-powered static search
  • Search hero on the homepage
  • Search result excerpts and category labels
  • Build-time indexing for fast client-side performance

Design & User Experience

  • Clean, modern documentation layout
  • Light and dark mode
  • Fully responsive design
  • Sharp, consistent visual system
  • Readable typography and spacious content layouts

Platform & Configuration

  • Astro 6
  • TypeScript
  • Tailwind CSS 4
  • MDX content collections
  • Sitemap support
  • Shared site config for branding, links, and metadata