Skip to content
Log InContact
Sign Up
Back to Templates

AriaDocs: Documentation Template

This open-source Next.js template provides a sleek and responsive design for comprehensive documentation and engaging blog content.

AriaDocs template screenshot

Aria-Docs

A documentation-building library for React and Next.js. Render MDX content, organize docs with _meta.json, and build modern documentation sites with minimal setup.

🌐 Website: ariadocs.vercel.app

Packages

PackageDescription
@ariadocs/reactCore library for building docs sites

Quick Links

Features

  • 📝 MDX Support - Write documentation in MDX with full React component support
  • 🗂️ Navigation - Auto-generate navigation from _meta.json files
  • 🎨 Syntax Highlighting - Built-in Prism.js integration for code blocks
  • ⚡ Server Components - Full support for React Server Components
  • 🔌 Plugin System - Extensible with remark/rehype plugins

Quick Start

pnpm add @ariadocs/react
import { createDocs } from "@ariadocs/react";
import {
  remarkGfm,
  rehypePrism,
  rehypeSlug,
  rehypeAutolinkHeadings,
  rehypeCodeTitles,
} from "@ariadocs/react/plugins";


export const docs = createDocs({
  contentDir: "contents/docs",
  remarkPlugins: [remarkGfm],
  rehypePlugins: [
    rehypeSlug,
    rehypeAutolinkHeadings,
    rehypeCodeTitles,
    rehypePrism,
  ],
});

👉 See full documentation for complete API reference, examples, and guides.

Development

# Install dependencies
pnpm install


# Build the library
pnpm --filter @ariadocs/react build


# Run the docs site
pnpm --filter web dev

License

MIT © Nisab Mohd

GitHub Reponisabmohd/Aria-Docs
Use Cases
Documentation
Stack
Next.jsTailwind

Related Templates