AstroMDXDocumentation UI
Reusable components for polished MDX docs.
Add callouts, cards, tabs, accordions, file trees, icons, steps, badges, and markdown transforms to Astro content without rebuilding common documentation UI.
$
pnpm add @prosefly/astro-componentsdocs/install.mdxrendered MDX
pnpm add @prosefly/astro-componentsnpm install @prosefly/astro-componentsyarn add @prosefly/astro-componentsDirectory src
Directory content
Directory docs
- installation.mdx
- theme.config.ts
- astro.config.ts
What you get
Content UI that stays inside the reading flow.
The package focuses on documentation patterns that repeat across setup guides, API references, migration notes, and tutorials.
Content components
Callouts, cards, steps, badges, icons, and file trees for recurring documentation patterns.
Interactive examples
Tabs and accordions keep package-manager, framework, and optional-detail examples compact.
Markdown transforms
Generate package-manager tabs and image galleries from normal Markdown at build time.
Theme tokens
Map components to Lotus or to your own shell with the shared --pl-* custom properties.
Use it directly
Import components in any Astro MDX page.
Components ship as Astro files with CSS custom property fallbacks, so they can live inside Lotus or your own documentation shell.
Read the installation guideexample.mdxReady
import { Callout, Tabs, TabItem } from '@prosefly/astro-components';
<Callout type="tip" title="Reusable">
Add structured content without rebuilding doc UI.
</Callout>Start where you need
Explore the docs by workflow.
Jump into installation, markdown automation, theming, or component examples depending on the part of the docs stack you are wiring.