Starlight MDX Template

Template

Starlight + MDX

A documentation template with interactive components, data visualizations, Tailwind CSS, and server-side APIs — powered by MDX and Astro's island architecture.

Get StartedWhy MDX?

Documentation areas

Explore the template

Pipeline

Build tooling, CI integration, diagram generation, and the full docs publishing pipeline.

Explore

Authoring

MDX components, Tailwind in content, interactive widgets, and content patterns.

Explore

Visualization

D2, Mermaid, PlantUML diagrams, ECharts data visualizations, and terminal recordings.

Explore

What's included

Built for real documentation

MDX content

Write docs in .mdx files with components and JSX — full Starlight integration out of the box.

Interactive components

Solid.js components hydrated on demand: counters, ECharts visualizations, and live data widgets.

Tailwind CSS

Tailwind v4 integrated with Starlight. Use utility classes directly in MDX with plain HTML tags.

Server-side APIs

Hono routes running on the Node adapter for dynamic data like live git logs.

Auto-generated docs

Generate Starlight pages from any codebase using the docs-mcp CLI with Diátaxis categories.

Dark mode & theming

Custom color theme with full dark/light mode support via Starlight CSS variables.