Astryx is an open-source design system that provides a fully customizable and agent-ready toolkit for building visually cohesive and accessible interfaces.
Source: README View on GitHub →Astryx is gaining attention due to its integration with React and StyleX, offering a comprehensive set of components and theming capabilities. Its open architecture and customization options without wrapping stand out, addressing the need for a flexible and scalable design system that can be easily adapted to various projects.
Source: READMEAstryx provides over 150 accessible components with full TypeScript support, allowing for deep customization and composition without the need for additional styling libraries.
Source: READMEThe system includes brand-level theming and dark mode support, enabling designers to create a consistent and cohesive brand experience.
Source: READMEAstryx offers a CLI for component documentation, templates, scaffolding, themes, and codemods, enhancing the developer experience and streamlining the development process.
Source: READMEThe architecture of Astryx is modular, 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, indicating a focus on maintainability and scalability.
Source: Code tree + READMECenter: project; inner ring: core feature modules; outer ring: key dependencies. Auto-generated from core_features and tech_stack.key_deps.
@astryxdesign/core@astryxdesign/cli@astryxdesign/build@astryxdesign/theme-*Astryx is suitable for developers and design teams looking to build scalable and customizable UI components for web applications. It is particularly useful for projects that require a consistent brand experience, dark mode support, and seamless integration with React.
Source: READMEv0.1.2 (2026-06-29): Renamed color values in components and continued to remove the 'xds' naming from the public API.
Source: GitHub ReleasesAstryx is a promising open-source design system that offers a robust set of features for building modern web applications. Its focus on customization, accessibility, and seamless integration with React makes it a valuable tool for teams looking to create consistent and scalable UI components.
Source: SynthesisAstryx is an open-source design system that provides a fully customizable and agent-ready toolkit for building visually cohesive and accessible interfaces.
astryx's core features include: Customizable Components, Brand-Level Theming, CLI Tooling.
Astryx is gaining attention due to its integration with React and StyleX, offering a comprehensive set of components and theming capabilities.
Astryx is suitable for developers and design teams looking to build scalable and customizable UI components for web applications.