Ardo

What is Ardo?

Ardo is a React-first Static Documentation Framework built on React Router 7 and inspired by VitePress and Starlight.

Why Ardo?

React-First Approach

Unlike other documentation frameworks that use their own component systems, Ardo is built entirely with React. This means:

  • Use your existing React knowledge
  • Import and use any React component in your docs
  • Full TypeScript support out of the box
  • Seamless integration with the React ecosystem

Powered by React Router 7

Ardo leverages the power of React Router 7 for:

  • File-based routing - Automatic route generation from your content
  • Static pre-rendering - Pre-rendered pages for fast loading
  • Type-safe navigation - Full TypeScript support for routes
  • Modern React patterns - Built on React 19

Vite-Powered

Built on Vite, Ardo offers:

  • Instant dev server startup
  • Lightning-fast HMR
  • Optimized production builds
  • Rich plugin ecosystem

Features

Markdown + React

Write your documentation in Markdown with the ability to use React components:

# My Documentation

Regular markdown content...

<CustomComponent prop="value" />

More markdown content...

Beautiful Default Theme

Ardo comes with a polished default theme featuring:

  • Responsive design
  • Dark/light mode
  • Full-text search
  • Table of contents
  • Syntax highlighting
  • And more...

Customizable

Every aspect of Ardo can be customized:

  • Theme colors and styles
  • Layout components
  • Markdown processing
  • Build pipeline

Getting Started

Ready to build your documentation? Head over to the Getting Started guide.