Skip to content
IndexDesign corpus
Component LibrariesComponent LibraryDesign System DocsTemplateMITFreeReact

Astryx

Meta's open-source React + StyleX design system, 150+ components and 42 templates

Aboutastryx.atmeta.com

Astryx is the design system Meta grew internally for eight years across 13,000+ apps, released publicly in mid-2026 under MIT. It ships 150+ React components and hooks built on StyleX, seven theme packages, 42 full page templates, and a CLI whose entire purpose is to feed component props, variants, tokens and templates to coding agents instead of making them crawl the docs site. It targets teams building dense internal tools, dashboards, chat and AI product surfaces in React 19.

Install
npm install @astryxdesign/core @stylexjs/stylex @astryxdesign/theme-neutral @astryxdesign/cli && npx astryx init
For an agent

Do not crawl the docs site — it is a client-rendered shell that returns almost nothing to a plain fetch. Use the CLI instead: `npx @astryxdesign/cli component --list`, `component <Name>`, `search "<thing>"`, and `template --list` return the same props, variants and templates in agent-readable form, and `npx astryx init` writes an AGENTS.md/CLAUDE.md into the repo. Two traps: the bare `npx astryx` name resolves to an unrelated npm package until the scoped CLI is a project dependency, and Astryx is StyleX, not Tailwind — it will not compose with shadcn/ui or Radix-based kits in one tree, so pick it for a whole app (React 19+ required), not for one screen.

Why it is here. The first major design system built for AI agents as a first-class consumer, backed by eight years of production use across 13,000 Meta apps — the CLI-as-docs model is what other systems will copy.

Install command, framework, licence and component list.
Components it ships150 total
Helps you build20
Templates42
Notable for
  • 150+ components with table and chat primitives
  • 42 page templates
  • CLI built for coding agents
  • seven themes including dark-only Gothic
  • StyleX, no Tailwind dependency
  • MIT from Meta
Provenance

Verified 2026-08-15. HTTP 200. https://astryx.atmeta.com/components (WebFetch, full component enumeration), https://astryx.atmeta.com/docs/getting-started, https://astryx.atmeta.com/docs, https://astryx.atmeta.com/llms.txt, https://astryx.atmeta.com/sitemap.xml (215 component doc pages, 42 template slugs — template display names and purposes are derived from those slugs because the templates pages render client-side and return no server HTML), https://github.com/facebook/astryx, plus a web search for release date and star count

Related resourcesComponent Libraries