Installation

Add the Compose packages to a new or existing Astro project.

Compose is distributed as a small set of shared packages plus an Astro app. To use it in your own project, install the packages and import the global styles.

bun add @compose/styles @compose/theme-config @compose/search-core

Import the design system once in your base layout, point your content collection at your MDX, and you have a working docs site. Everything else (nav, sidebar, search, dark mode) is wired through the shared packages.