Astryx is the design system Meta built over eight years for its own apps. Meta says it became the company's most-used design system, powering more than 13,000 apps. Meta published it on GitHub under the MIT licence in late June. This week it climbed GitHub's trending list, gaining about 3,300 stars in a single day to about 18,500.
What you get: more than 150 accessible React components, seven ready-made themes, dark mode, templates and a CLI. It ships pre-compiled CSS and typed components, so no build plugin is required. You can also build from the TypeScript and StyleX source, so your bundle only includes the components you import. In Meta's reference app, that path used about a third of the full stylesheet. A theme is a set of CSS custom property overrides, so you can rebrand without forking components. When a component isn't enough, swizzle copies its full source into your project. Components accept className, so they work alongside Tailwind, CSS modules or plain CSS.
Why it is trending now: it is built for AI agents. Meta says it shaped the API and docs by measuring how LLMs use the library. The CLI (astryx docs, astryx component --list) gives AI assistants the same reference engineers read, and the repository includes AGENTS.md and CLAUDE.md files. The goal is that Claude Code, Codex or Cursor build interfaces from real, documented components instead of improvising their own.
How to try it (React 19 or later): npm install @astryxdesign/core @astryxdesign/theme-neutral @stylexjs/stylex, then npm install -D @astryxdesign/cli. Docs are at astryx.atmeta.com.
Limits: Astryx says it is "currently in beta", and the GitHub repository has no releases yet. The charts packages are only on a @canary tag. It is tied to React 19 and StyleX, so moving an existing Tailwind or CSS-in-JS project means migration work. There has been little discussion so far: the biggest Hacker News post about it got 12 points, back in June.
