@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, variants, examples, best practices, and theming) via the Astryx CLI:

bash
npx @astryxdesign/cli init                   # one-time: writes the component guide into AGENTS.md / CLAUDE.md
npx @astryxdesign/cli component Button        # full docs for a component
npx @astryxdesign/cli component --list        # list all components

Use the scoped @astryxdesign/cli to run without installing; bare npx astryx only resolves once the CLI is a dependency.

Page Layouts

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

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

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

Related Packages

Package	Description
`@astryxdesign/cli`	CLI tooling: component docs, templates, scaffolding, codemods
`@astryxdesign/theme-neutral`	Muted, minimal theme (Lucide icons)