Astryx is an open-source design system that provides a fully customizable and agent-ready framework for building visually cohesive and accessible interfaces, use React and StyleX.
Source: Official README and linked documentation View on GitHub →Astryx is being discussed because its broad design system approach, which addresses the pain points of styling lock-in and customization challenges in UI development. Its unique technical choices include open internals, no styling lock-in, and a focus on customization without wrapping, making it differs through the design system space.
Source: Official README and linked documentationAstryx offers 150+ accessible components with brand-level theming, dark mode, and ready-to-ship templates, allowing for full customization without the need for forking or wrapping component source.
Source: Official README and linked documentationComponents are designed to be composed at any level, with direct export of building blocks and the ability to eject a component's full source into the project for deeper customization.
Source: Official README and linked documentationAstryx uses StyleX for styling but allows consumers to override styles using existing tools like Tailwind, CSS modules, or plain CSS, providing flexibility in styling choices.
Source: Official README and linked documentationAstryx includes a CLI for component documentation, templates, scaffolding, themes, and codemods, enhancing developer productivity and ease of use.
Source: Official README and linked documentationAstryx follows a modular architecture with a clear separation of concerns. It includes foundational elements for typography, color, layout, and accessibility, a library of UI components, and patterns for common interactions. The project structure is organized into directories for example apps, published packages, and internal tooling.
Source: Official README and linked documentation@astryxdesign/core@astryxdesign/theme-neutral@stylexjs/stylexAstryx is suitable for developers and teams building UI components and applications that require a customizable and accessible design system. It is particularly useful for scenarios where a cohesive design language across multiple applications is needed, and where AI-assisted development is a priority.
Source: Official README and linked documentationGitHub Releases marked v0.6.2 (2026-09-15) as Latest during a 2026-09-23 check; this release unifies all @ astryxdesign/* packages to 0.6.2 and adds an optional math formula renderer for Markdown. Run npx astryx upgrade --apply before the upgrade and review the latest release notes.
Source: github.com/facebook/astryx/releases/tag/v0.6.2status: docs-only | checked_at: 2026-09-23 | environment: Read only the official facebook/astryx READMEs, core READMEs, contributing and GitHub Releases; no project code downloaded or running | limitations: No local installation or runtime verification was performed. The React app was not created natively, the npm package was installed, the Storybook was run, or the CLI was executed, so it is not claimed that the installation was successful, that the component rendered correctly, or that there was no version conflict. | observed_output: The official core README currently states React 19 +, the installation package is core, theme-neutral and @ stylexjs/stylex; GitHub Releases marks v0.6.2 as Latest.
Source: github.com/facebook/astryx/blob/main/packages/core/README.md；https://…Compared to Radix Primitives, Astryx is closer to a complete design system that can be used out-of-the-box: it offers pre-built visual styles, multiple themes, templates, and a CLI. Radix's official positioning is to build a style-free, composable, and accessible primitive for the design system, and the visual layer is mainly completed by the user. Astryx requires less assembly work when the finished product interface needs to be unified; Radix is lighter when the vision needs to be fully customized and as long as the interaction basis.
Source: github.com/facebook/astryx/blob/main/README.md；https://github.com/rad…Astryx is a open-source design system that offers a set of features for building customizable and accessible UI components. Its focus on flexibility and customization, along with its integration with React and StyleX, makes it a tool for modern web development teams, especially those interested in AI-assisted development.
The official core README currently states React 19 +, the installation package is core, theme-neutral and @ stylexjs/stylex; GitHub Releases marks v0.6.2 as Latest. No local installation or runtime verification was performed.
The review environment was: Read only the official facebook/astryx READMEs, core READMEs, contributing and GitHub Releases; no project code downloaded or running astryx behavior outside that scope still needs a local check.