@astryxdesign/core

The component library. Accessible, themeable React components with built-in spacing, dark mode, and StyleX styling.

Component Docs

Look up any component's full API (props, types, best practices, and theming):

bash
node node_modules/@astryxdesign/core/docs.mjs Button        # full docs for a component
node node_modules/@astryxdesign/core/docs.mjs --list         # list all components
node node_modules/@astryxdesign/core/docs.mjs --list --brief  # brief summaries

Page Layouts

Building a full page? Start with a template rather than composing from scratch. Templates are content-only; they compose XDSLayout with header, content, and panel slots into common page patterns (dashboards, settings, forms, detail pages). Wrap them in your own app chrome (XDSAppShell, XDSTopNav, XDSSideNav) to add global navigation.

Requires @astryxdesign/cli (npm install -D @astryxdesign/cli):

bash
npx xds template --list              # browse all page and block templates
npx xds template dashboard           # emit full page source
npx xds template settings --skeleton # layout skeleton with spatial annotations

Related Packages

Package	Description
`@astryxdesign/cli`	CLI tooling: component docs, templates, scaffolding, codemods
`@astryxdesign/theme-default`	Default theme (Heroicons)
`@astryxdesign/theme-neutral`	Muted, minimal theme (Lucide icons)
`@astryxdesign/theme-daily`	Warm, productivity-focused theme (Lucide icons)