Built with Next.js 16 and TypeScript 5.9

Documentation that scales with your product

A comprehensive documentation template featuring Streamdown markdown rendering, AI Elements integration, and the developer experience you'd expect from production-grade docs.

$ git clone https://github.com/hongymagic/docco.git

Everything you need for modern docs

From streaming markdown to AI-powered components, this template includes the building blocks for world-class documentation.

Streamdown Integration

Real-time markdown rendering with syntax highlighting, maths, and diagram support via plugins.

AI Elements

Pre-built components for AI applications including conversations, code blocks, and streaming responses.

shadcn/ui Foundation

Built on shadcn/ui conventions with full theme customisation and consistent design tokens.

Next.js 16

Leveraging the latest Next.js features including cache components, Turbopack, and React 19.

Full-text Search

Built-in search dialog with keyboard shortcut support and instant results across all pages.

Dark Mode

Seamless dark mode support with system preference detection and manual toggle.

Quick Start

Up and running in minutes

Clone the repo, install dependencies, and start writing. docco handles routing, search, theming, and responsive layouts out of the box so you can focus on your content.

  • File-based routing with automatic sidebar generation
  • Built-in full-text search across all pages
  • Dark mode with zero configuration
  • MDX and Streamdown markdown support
Terminalbash
git clone https://github.com/hongymagic/docco.git my-docs
cd my-docs
bun install
bun run dev
docs/getting-started.mdxmdx
---
title: Getting Started
description: Learn how to set up your docs.
---

# Welcome to Your Docs

Start writing your documentation here.
docco supports **MDX**, code blocks, and
AI-powered components out of the box.

Ready to get started?

Explore the documentation, browse component examples, and start building your own docs site today.